@lightsparkdev/ui 1.0.10 → 1.0.11

package/dist/router.d.ts

@@ -1,12 +1,14 @@
-import '@emotion/react/jsx-runtime';
-import '@emotion/styled';
-import '@emotion/react';
-import 'react';
-import 'react-router-dom';
-export { E as ExternalLink, a4 as Link, a2 as LinkProps, a5 as Navigate, a1 as QueryParams, n as RouteHash, R as RouteParams, ab as getRouteName, a3 as replaceParams, aa as useCurrentRoute, a8 as useFindMatchingRoute, a9 as useMatchRoute, a7 as useMatchRoutes, a6 as useNavigate } from './router-DcvQVNci.js';
-import './types/index.js';
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import * as _emotion_styled from '@emotion/styled';
+import { Interpolation } from '@emotion/styled';
+import { Theme } from '@emotion/react';
+import { MouseEventHandler, ReactNode } from 'react';
+import { NavigateOptions, PathMatch } from 'react-router-dom';
+import { SimpleTypographyProps } from './components/typography/types.js';
+import { NewRoutesType } from './types/index.js';
 import '@lightsparkdev/core';
-import './themes-ewqUKrgr.js';
+import './themes-CPjoocoh.js';
+import './styles/themeDefaults/cardForm.js';
 import './components/Icon/types.js';
 import './index-K07-bA0i.js';
 import './icons/AI.js';
@@ -129,4 +131,49 @@ import './icons/WarningSign.js';
 import './styles/tokens/typography.js';
 import '@emotion/css';
 import './styles/colors.js';
-import './components/Icon/Icon.js';
+
+type QueryParams = {
+    [key: string]: string;
+} | string;
+type RouteParam = string;
+type RouteParams = {
+    [key: string]: RouteParam | QueryParams;
+};
+type RouteHash = string | null;
+type ExternalLink = string;
+type LinkProps = {
+    to?: NewRoutesType | undefined;
+    id?: string | undefined;
+    externalLink?: ExternalLink | undefined;
+    filename?: string | undefined;
+    onClick?: MouseEventHandler<HTMLAnchorElement> | undefined;
+    params?: RouteParams | undefined;
+    children?: ReactNode;
+    text?: string | undefined;
+    css?: Interpolation<Theme>;
+    className?: string;
+    blue?: boolean;
+    newTab?: boolean | undefined;
+    hash?: RouteHash | undefined;
+    typography?: SimpleTypographyProps | undefined;
+};
+declare function replaceParams(to: NewRoutesType, params: LinkProps["params"]): NewRoutesType;
+declare const Link: _emotion_styled.StyledComponent<LinkProps & {
+    theme?: Theme;
+}, {}, {}>;
+type NavigateProps = Omit<LinkProps, "children"> & {
+    to: NewRoutesType;
+    state?: unknown;
+    replace?: boolean;
+};
+declare function Navigate({ to, params, state, replace, }: NavigateProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function useNavigate(): (to: NewRoutesType | -1, params?: LinkProps["params"], options?: NavigateOptions) => void;
+declare function useMatchRoutes(routes: NewRoutesType[]): boolean;
+declare function useFindMatchingRoute(routes: NewRoutesType[]): NewRoutesType | undefined;
+declare function useMatchRoute(route: NewRoutesType): PathMatch<string> | null;
+declare function useCurrentRoute(): NewRoutesType;
+declare function getRouteName(path: NewRoutesType, routes: {
+    [key: string]: string;
+}): string | null;
+
+export { type ExternalLink, Link, type LinkProps, Navigate, type QueryParams, type RouteHash, type RouteParams, getRouteName, replaceParams, useCurrentRoute, useFindMatchingRoute, useMatchRoute, useMatchRoutes, useNavigate };

package/dist/router.js

@@ -8,9 +8,30 @@ import {
   useMatchRoute,
   useMatchRoutes,
   useNavigate
-} from "./chunk-HJQIDDKT.js";
-import "./chunk-73ETEREG.js";
+} from "./chunk-TIX47F5U.js";
+import "./chunk-ANBLLKL6.js";
+import "./chunk-BYW654OI.js";
+import "./chunk-AZ6KLR75.js";
+import "./chunk-MPUHSMAP.js";
+import "./chunk-QYALA36I.js";
+import "./chunk-SBPSQDLJ.js";
+import "./chunk-7ZMAKSA7.js";
+import "./chunk-UPMUOBZO.js";
+import "./chunk-PXZZG2CX.js";
+import "./chunk-A35Y4ISY.js";
+import "./chunk-3UCMIAB4.js";
+import "./chunk-BVEHA6GI.js";
+import "./chunk-2466FZJC.js";
+import "./chunk-X5SBSJ3Z.js";
+import "./chunk-YMNSXZ5D.js";
+import "./chunk-FH6BM3M7.js";
 import "./chunk-EDN2QDCB.js";
+import "./chunk-HYUF4RXZ.js";
+import "./chunk-NVLTKMR6.js";
+import "./chunk-AK7B5554.js";
+import "./chunk-LIVMIDVJ.js";
+import "./chunk-YQP6BIJN.js";
+import "./chunk-JSGRNWSB.js";
 import "./chunk-MN4NUSPL.js";
 import "./chunk-CWMXXUWU.js";
 export {

package/dist/styles/common.cjs

@@ -21,11 +21,12 @@
 
 
 
-var _chunkDIMJISMHcjs = require('../chunk-DIMJISMH.cjs');
-require('../chunk-WKRK5OVE.cjs');
-require('../chunk-SDDC5AVT.cjs');
+var _chunkOQEP7VDDcjs = require('../chunk-OQEP7VDD.cjs');
+require('../chunk-7EIZIKLR.cjs');
+require('../chunk-R7ZYIVAN.cjs');
+require('../chunk-2WMBDPXZ.cjs');
 require('../chunk-73EJLMPT.cjs');
-require('../chunk-DCQM7IVK.cjs');
+require('../chunk-6PYUHYIP.cjs');
 require('../chunk-KW3JYLRI.cjs');
 require('../chunk-CFG65CGC.cjs');
 require('../chunk-YM5JDZDQ.cjs');
@@ -52,4 +53,4 @@ require('../chunk-YM5JDZDQ.cjs');
 
 
 
-exports.Subtext = _chunkDIMJISMHcjs.Subtext; exports.cardBorderRadiusPx = _chunkDIMJISMHcjs.cardBorderRadiusPx; exports.darkGradientBg = _chunkDIMJISMHcjs.darkGradientBg; exports.delta = _chunkDIMJISMHcjs.delta; exports.getFocusOutline = _chunkDIMJISMHcjs.getFocusOutline; exports.headingContentMarginPx = _chunkDIMJISMHcjs.headingContentMarginPx; exports.mcBold = _chunkDIMJISMHcjs.mcBold; exports.mcBoldStyled = _chunkDIMJISMHcjs.mcBoldStyled; exports.outlineOffset = _chunkDIMJISMHcjs.outlineOffset; exports.overlaySurface = _chunkDIMJISMHcjs.overlaySurface; exports.overlaySurfaceBorderColor = _chunkDIMJISMHcjs.overlaySurfaceBorderColor; exports.pageBorderRadius = _chunkDIMJISMHcjs.pageBorderRadius; exports.pageBorderRadiusPx = _chunkDIMJISMHcjs.pageBorderRadiusPx; exports.rootFontSizePx = _chunkDIMJISMHcjs.rootFontSizePx; exports.rootFontSizeRems = _chunkDIMJISMHcjs.rootFontSizeRems; exports.standardBorderRadius = _chunkDIMJISMHcjs.standardBorderRadius; exports.standardCardShadow = _chunkDIMJISMHcjs.standardCardShadow; exports.standardCardShadowHard = _chunkDIMJISMHcjs.standardCardShadowHard; exports.standardContentInset = _chunkDIMJISMHcjs.standardContentInset; exports.standardFocusOutline = _chunkDIMJISMHcjs.standardFocusOutline; exports.standardLineHeightEms = _chunkDIMJISMHcjs.standardLineHeightEms; exports.subtext = _chunkDIMJISMHcjs.subtext;
+exports.Subtext = _chunkOQEP7VDDcjs.Subtext; exports.cardBorderRadiusPx = _chunkOQEP7VDDcjs.cardBorderRadiusPx; exports.darkGradientBg = _chunkOQEP7VDDcjs.darkGradientBg; exports.delta = _chunkOQEP7VDDcjs.delta; exports.getFocusOutline = _chunkOQEP7VDDcjs.getFocusOutline; exports.headingContentMarginPx = _chunkOQEP7VDDcjs.headingContentMarginPx; exports.mcBold = _chunkOQEP7VDDcjs.mcBold; exports.mcBoldStyled = _chunkOQEP7VDDcjs.mcBoldStyled; exports.outlineOffset = _chunkOQEP7VDDcjs.outlineOffset; exports.overlaySurface = _chunkOQEP7VDDcjs.overlaySurface; exports.overlaySurfaceBorderColor = _chunkOQEP7VDDcjs.overlaySurfaceBorderColor; exports.pageBorderRadius = _chunkOQEP7VDDcjs.pageBorderRadius; exports.pageBorderRadiusPx = _chunkOQEP7VDDcjs.pageBorderRadiusPx; exports.rootFontSizePx = _chunkOQEP7VDDcjs.rootFontSizePx; exports.rootFontSizeRems = _chunkOQEP7VDDcjs.rootFontSizeRems; exports.standardBorderRadius = _chunkOQEP7VDDcjs.standardBorderRadius; exports.standardCardShadow = _chunkOQEP7VDDcjs.standardCardShadow; exports.standardCardShadowHard = _chunkOQEP7VDDcjs.standardCardShadowHard; exports.standardContentInset = _chunkOQEP7VDDcjs.standardContentInset; exports.standardFocusOutline = _chunkOQEP7VDDcjs.standardFocusOutline; exports.standardLineHeightEms = _chunkOQEP7VDDcjs.standardLineHeightEms; exports.subtext = _chunkOQEP7VDDcjs.subtext;

package/dist/styles/common.d.cts

@@ -2,7 +2,8 @@ import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
-import { W as WithTheme, b as ThemeProp } from '../themes-yD4K014U.cjs';
+import { W as WithTheme, b as ThemeProp } from '../themes-FxGdiei4.cjs';
+import './themeDefaults/cardForm.cjs';
 import '../components/Icon/types.cjs';
 import '../index-DCxwC_P-.cjs';
 import '../icons/AI.cjs';

package/dist/styles/common.d.ts

@@ -2,7 +2,8 @@ import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
-import { W as WithTheme, b as ThemeProp } from '../themes-ewqUKrgr.js';
+import { W as WithTheme, b as ThemeProp } from '../themes-CPjoocoh.js';
+import './themeDefaults/cardForm.js';
 import '../components/Icon/types.js';
 import '../index-K07-bA0i.js';
 import '../icons/AI.js';

package/dist/styles/common.js

@@ -21,11 +21,12 @@ import {
   standardFocusOutline,
   standardLineHeightEms,
   subtext
-} from "../chunk-YZM4ALKD.js";
-import "../chunk-O42E7NAG.js";
-import "../chunk-HHTHXSBF.js";
+} from "../chunk-YBJVTNAP.js";
+import "../chunk-HYUF4RXZ.js";
+import "../chunk-NVLTKMR6.js";
+import "../chunk-AK7B5554.js";
 import "../chunk-LIVMIDVJ.js";
-import "../chunk-VASG2BKI.js";
+import "../chunk-YQP6BIJN.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-MN4NUSPL.js";
 import "../chunk-CWMXXUWU.js";

package/dist/styles/fields.cjs

@@ -22,14 +22,15 @@
 
 
 
-var _chunkJPRA3J5Ccjs = require('../chunk-JPRA3J5C.cjs');
-require('../chunk-GEMBOYJD.cjs');
+var _chunkBCPM2M3Ycjs = require('../chunk-BCPM2M3Y.cjs');
 require('../chunk-ZU72XWNE.cjs');
-require('../chunk-DIMJISMH.cjs');
-require('../chunk-WKRK5OVE.cjs');
-require('../chunk-SDDC5AVT.cjs');
+require('../chunk-OQEP7VDD.cjs');
+require('../chunk-SZSK5ISJ.cjs');
+require('../chunk-7EIZIKLR.cjs');
+require('../chunk-R7ZYIVAN.cjs');
+require('../chunk-2WMBDPXZ.cjs');
 require('../chunk-73EJLMPT.cjs');
-require('../chunk-DCQM7IVK.cjs');
+require('../chunk-6PYUHYIP.cjs');
 require('../chunk-KW3JYLRI.cjs');
 require('../chunk-CFG65CGC.cjs');
 require('../chunk-YM5JDZDQ.cjs');
@@ -57,4 +58,4 @@ require('../chunk-YM5JDZDQ.cjs');
 
 
 
-exports.FieldError = _chunkJPRA3J5Ccjs.FieldError; exports.InputSubtext = _chunkJPRA3J5Ccjs.InputSubtext; exports.Label = _chunkJPRA3J5Ccjs.Label; exports.LabelDiv = _chunkJPRA3J5Ccjs.LabelDiv; exports.StyledInputSubtext = _chunkJPRA3J5Ccjs.StyledInputSubtext; exports.aboveFieldError = _chunkJPRA3J5Ccjs.aboveFieldError; exports.defaultTextInputTypography = _chunkJPRA3J5Ccjs.defaultTextInputTypography; exports.fieldWidth = _chunkJPRA3J5Ccjs.fieldWidth; exports.formButtonTopMargin = _chunkJPRA3J5Ccjs.formButtonTopMargin; exports.formButtonTopMarginStyle = _chunkJPRA3J5Ccjs.formButtonTopMarginStyle; exports.inputBlockStyle = _chunkJPRA3J5Ccjs.inputBlockStyle; exports.inputSpacingPx = _chunkJPRA3J5Ccjs.inputSpacingPx; exports.labelStyle = _chunkJPRA3J5Ccjs.labelStyle; exports.maxFieldWidth = _chunkJPRA3J5Ccjs.maxFieldWidth; exports.standardBorderColor = _chunkJPRA3J5Ccjs.standardBorderColor; exports.textInputBorderColor = _chunkJPRA3J5Ccjs.textInputBorderColor; exports.textInputBorderColorFocused = _chunkJPRA3J5Ccjs.textInputBorderColorFocused; exports.textInputBorderRadiusPx = _chunkJPRA3J5Ccjs.textInputBorderRadiusPx; exports.textInputFontWeight = _chunkJPRA3J5Ccjs.textInputFontWeight; exports.textInputPadding = _chunkJPRA3J5Ccjs.textInputPadding; exports.textInputPaddingPx = _chunkJPRA3J5Ccjs.textInputPaddingPx; exports.textInputPlaceholderColor = _chunkJPRA3J5Ccjs.textInputPlaceholderColor; exports.textInputStyle = _chunkJPRA3J5Ccjs.textInputStyle;
+exports.FieldError = _chunkBCPM2M3Ycjs.FieldError; exports.InputSubtext = _chunkBCPM2M3Ycjs.InputSubtext; exports.Label = _chunkBCPM2M3Ycjs.Label; exports.LabelDiv = _chunkBCPM2M3Ycjs.LabelDiv; exports.StyledInputSubtext = _chunkBCPM2M3Ycjs.StyledInputSubtext; exports.aboveFieldError = _chunkBCPM2M3Ycjs.aboveFieldError; exports.defaultTextInputTypography = _chunkBCPM2M3Ycjs.defaultTextInputTypography; exports.fieldWidth = _chunkBCPM2M3Ycjs.fieldWidth; exports.formButtonTopMargin = _chunkBCPM2M3Ycjs.formButtonTopMargin; exports.formButtonTopMarginStyle = _chunkBCPM2M3Ycjs.formButtonTopMarginStyle; exports.inputBlockStyle = _chunkBCPM2M3Ycjs.inputBlockStyle; exports.inputSpacingPx = _chunkBCPM2M3Ycjs.inputSpacingPx; exports.labelStyle = _chunkBCPM2M3Ycjs.labelStyle; exports.maxFieldWidth = _chunkBCPM2M3Ycjs.maxFieldWidth; exports.standardBorderColor = _chunkBCPM2M3Ycjs.standardBorderColor; exports.textInputBorderColor = _chunkBCPM2M3Ycjs.textInputBorderColor; exports.textInputBorderColorFocused = _chunkBCPM2M3Ycjs.textInputBorderColorFocused; exports.textInputBorderRadiusPx = _chunkBCPM2M3Ycjs.textInputBorderRadiusPx; exports.textInputFontWeight = _chunkBCPM2M3Ycjs.textInputFontWeight; exports.textInputPadding = _chunkBCPM2M3Ycjs.textInputPadding; exports.textInputPaddingPx = _chunkBCPM2M3Ycjs.textInputPaddingPx; exports.textInputPlaceholderColor = _chunkBCPM2M3Ycjs.textInputPlaceholderColor; exports.textInputStyle = _chunkBCPM2M3Ycjs.textInputStyle;

package/dist/styles/fields.d.cts

@@ -2,12 +2,11 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
-import { P as PartialSimpleTypographyProps } from '../router-Bz3Q1Loj.cjs';
-import { b as ThemeProp, W as WithTheme } from '../themes-yD4K014U.cjs';
-import 'react-router-dom';
+import { PartialSimpleTypographyProps } from '../components/typography/types.cjs';
+import { b as ThemeProp, W as WithTheme } from '../themes-FxGdiei4.cjs';
 import '@lightsparkdev/core';
 import './tokens/typography.cjs';
-import '../components/Icon/Icon.cjs';
+import './themeDefaults/cardForm.cjs';
 import '../components/Icon/types.cjs';
 import '../index-DCxwC_P-.cjs';
 import '../icons/AI.cjs';
@@ -129,7 +128,6 @@ import '../icons/WalletSDKIcon.cjs';
 import '../icons/WarningSign.cjs';
 import '@emotion/css';
 import './colors.cjs';
-import '../types/index.cjs';
 
 declare const maxFieldWidth = "100%";
 declare const fieldWidth = "100%";

package/dist/styles/fields.d.ts

@@ -2,12 +2,11 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
-import { P as PartialSimpleTypographyProps } from '../router-DcvQVNci.js';
-import { b as ThemeProp, W as WithTheme } from '../themes-ewqUKrgr.js';
-import 'react-router-dom';
+import { PartialSimpleTypographyProps } from '../components/typography/types.js';
+import { b as ThemeProp, W as WithTheme } from '../themes-CPjoocoh.js';
 import '@lightsparkdev/core';
 import './tokens/typography.js';
-import '../components/Icon/Icon.js';
+import './themeDefaults/cardForm.js';
 import '../components/Icon/types.js';
 import '../index-K07-bA0i.js';
 import '../icons/AI.js';
@@ -129,7 +128,6 @@ import '../icons/WalletSDKIcon.js';
 import '../icons/WarningSign.js';
 import '@emotion/css';
 import './colors.js';
-import '../types/index.js';
 
 declare const maxFieldWidth = "100%";
 declare const fieldWidth = "100%";

package/dist/styles/fields.js

@@ -22,14 +22,15 @@ import {
   textInputPaddingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "../chunk-AXHFR6HR.js";
-import "../chunk-R4JQUMCP.js";
+} from "../chunk-UGHP4KVZ.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-YZM4ALKD.js";
-import "../chunk-O42E7NAG.js";
-import "../chunk-HHTHXSBF.js";
+import "../chunk-YBJVTNAP.js";
+import "../chunk-FH6BM3M7.js";
+import "../chunk-HYUF4RXZ.js";
+import "../chunk-NVLTKMR6.js";
+import "../chunk-AK7B5554.js";
 import "../chunk-LIVMIDVJ.js";
-import "../chunk-VASG2BKI.js";
+import "../chunk-YQP6BIJN.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-MN4NUSPL.js";
 import "../chunk-CWMXXUWU.js";

package/dist/styles/global.cjs

@@ -1,17 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkPW6MUX7Ncjs = require('../chunk-PW6MUX7N.cjs');
+var _chunkZSOF6RUScjs = require('../chunk-ZSOF6RUS.cjs');
 require('../chunk-T7ZB3XF7.cjs');
-require('../chunk-DIMJISMH.cjs');
-require('../chunk-WKRK5OVE.cjs');
-require('../chunk-SDDC5AVT.cjs');
+require('../chunk-OQEP7VDD.cjs');
+require('../chunk-7EIZIKLR.cjs');
+require('../chunk-R7ZYIVAN.cjs');
+require('../chunk-2WMBDPXZ.cjs');
 require('../chunk-73EJLMPT.cjs');
-require('../chunk-DCQM7IVK.cjs');
+require('../chunk-6PYUHYIP.cjs');
 require('../chunk-KW3JYLRI.cjs');
 require('../chunk-CFG65CGC.cjs');
 require('../chunk-YM5JDZDQ.cjs');
 
 
 
-exports.GlobalStyles = _chunkPW6MUX7Ncjs.GlobalStyles; exports.globalComponentStyles = _chunkPW6MUX7Ncjs.globalComponentStyles;
+exports.GlobalStyles = _chunkZSOF6RUScjs.GlobalStyles; exports.globalComponentStyles = _chunkZSOF6RUScjs.globalComponentStyles;

package/dist/styles/global.d.cts

@@ -1,6 +1,7 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_react from '@emotion/react';
-import { b as ThemeProp } from '../themes-yD4K014U.cjs';
+import { b as ThemeProp } from '../themes-FxGdiei4.cjs';
+import './themeDefaults/cardForm.cjs';
 import '../components/Icon/types.cjs';
 import '../index-DCxwC_P-.cjs';
 import '../icons/AI.cjs';

package/dist/styles/global.d.ts

@@ -1,6 +1,7 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_react from '@emotion/react';
-import { b as ThemeProp } from '../themes-ewqUKrgr.js';
+import { b as ThemeProp } from '../themes-CPjoocoh.js';
+import './themeDefaults/cardForm.js';
 import '../components/Icon/types.js';
 import '../index-K07-bA0i.js';
 import '../icons/AI.js';

package/dist/styles/global.js

@@ -1,13 +1,14 @@
 import {
   GlobalStyles,
   globalComponentStyles
-} from "../chunk-AIP5ENLX.js";
+} from "../chunk-JHLQJQAH.js";
 import "../chunk-VQVEZVAG.js";
-import "../chunk-YZM4ALKD.js";
-import "../chunk-O42E7NAG.js";
-import "../chunk-HHTHXSBF.js";
+import "../chunk-YBJVTNAP.js";
+import "../chunk-HYUF4RXZ.js";
+import "../chunk-NVLTKMR6.js";
+import "../chunk-AK7B5554.js";
 import "../chunk-LIVMIDVJ.js";
-import "../chunk-VASG2BKI.js";
+import "../chunk-YQP6BIJN.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-MN4NUSPL.js";
 import "../chunk-CWMXXUWU.js";

package/dist/styles/themeDefaults/buttons.cjs

@@ -3,11 +3,11 @@
 
 
 
-var _chunkSDDC5AVTcjs = require('../../chunk-SDDC5AVT.cjs');
+var _chunkR7ZYIVANcjs = require('../../chunk-R7ZYIVAN.cjs');
 require('../../chunk-YM5JDZDQ.cjs');
 
 
 
 
 
-exports.allowedButtonTypographyTypes = _chunkSDDC5AVTcjs.allowedButtonTypographyTypes; exports.buttonBorderRadiuses = _chunkSDDC5AVTcjs.buttonBorderRadiuses; exports.buttonsThemeBase = _chunkSDDC5AVTcjs.buttonsThemeBase; exports.defaultButtonsTheme = _chunkSDDC5AVTcjs.defaultButtonsTheme;
+exports.allowedButtonTypographyTypes = _chunkR7ZYIVANcjs.allowedButtonTypographyTypes; exports.buttonBorderRadiuses = _chunkR7ZYIVANcjs.buttonBorderRadiuses; exports.buttonsThemeBase = _chunkR7ZYIVANcjs.buttonsThemeBase; exports.defaultButtonsTheme = _chunkR7ZYIVANcjs.defaultButtonsTheme;

package/dist/styles/themeDefaults/buttons.d.cts

@@ -1,6 +1,7 @@
-export { A as AllowedButtonTypographyTypes, a as ButtonBorderRadius, B as ButtonTypographyArgs, h as ButtonsThemeKey, d as PaddingY, P as PaddingYKey, f as allowedButtonTypographyTypes, e as buttonBorderRadiuses, g as buttonsThemeBase, i as defaultButtonsTheme } from '../../themes-yD4K014U.cjs';
+export { A as AllowedButtonTypographyTypes, a as ButtonBorderRadius, B as ButtonTypographyArgs, h as ButtonsThemeKey, d as PaddingY, P as PaddingYKey, f as allowedButtonTypographyTypes, e as buttonBorderRadiuses, g as buttonsThemeBase, i as defaultButtonsTheme } from '../../themes-FxGdiei4.cjs';
 import '../tokens/typography.cjs';
 import '@emotion/react';
+import './cardForm.cjs';
 import '../../components/Icon/types.cjs';
 import '../../index-DCxwC_P-.cjs';
 import '../../icons/AI.cjs';

package/dist/styles/themeDefaults/buttons.d.ts

@@ -1,6 +1,7 @@
-export { A as AllowedButtonTypographyTypes, a as ButtonBorderRadius, B as ButtonTypographyArgs, h as ButtonsThemeKey, d as PaddingY, P as PaddingYKey, f as allowedButtonTypographyTypes, e as buttonBorderRadiuses, g as buttonsThemeBase, i as defaultButtonsTheme } from '../../themes-ewqUKrgr.js';
+export { A as AllowedButtonTypographyTypes, a as ButtonBorderRadius, B as ButtonTypographyArgs, h as ButtonsThemeKey, d as PaddingY, P as PaddingYKey, f as allowedButtonTypographyTypes, e as buttonBorderRadiuses, g as buttonsThemeBase, i as defaultButtonsTheme } from '../../themes-CPjoocoh.js';
 import '../tokens/typography.js';
 import '@emotion/react';
+import './cardForm.js';
 import '../../components/Icon/types.js';
 import '../../index-K07-bA0i.js';
 import '../../icons/AI.js';

package/dist/styles/themeDefaults/buttons.js

@@ -3,7 +3,7 @@ import {
   buttonBorderRadiuses,
   buttonsThemeBase,
   defaultButtonsTheme
-} from "../../chunk-HHTHXSBF.js";
+} from "../../chunk-NVLTKMR6.js";
 import "../../chunk-CWMXXUWU.js";
 export {
   allowedButtonTypographyTypes,

package/dist/styles/themeDefaults/cardForm.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunk2WMBDPXZcjs = require('../../chunk-2WMBDPXZ.cjs');
+require('../../chunk-YM5JDZDQ.cjs');
+
+
+
+exports.cardFormThemeBase = _chunk2WMBDPXZcjs.cardFormThemeBase; exports.defaultCardFormTheme = _chunk2WMBDPXZcjs.defaultCardFormTheme;

package/dist/styles/themeDefaults/cardForm.d.cts

@@ -0,0 +1,55 @@
+type CardFormPaddingY = 40 | 56;
+type CardFormPaddingX = 40 | 56;
+type CardFormBorderWidth = 0 | 1;
+type CardFormBorderRadius = 8 | 24;
+type CardFormShadow = "soft" | "hard" | "none";
+type CardFormTextAlign = "center" | "left";
+type CardFormBorderColor = "vlcNeutral" | "grayBlue94";
+type CardFormBackgroundColor = "bg" | "white";
+declare const cardFormThemeBaseProps: {
+    readonly paddingY: CardFormPaddingY;
+    readonly paddingX: CardFormPaddingX;
+    readonly shadow: CardFormShadow;
+    readonly borderRadius: CardFormBorderRadius;
+    readonly borderWidth: CardFormBorderWidth;
+    readonly borderColor: CardFormBorderColor;
+    readonly textAlign: CardFormTextAlign;
+    readonly backgroundColor: CardFormBackgroundColor;
+    readonly smBackgroundColor: CardFormBackgroundColor;
+    readonly smBorderWidth: CardFormBorderWidth;
+};
+declare const cardFormThemeBase: {
+    kinds: {
+        primary: {};
+        secondary: {};
+        tertiary: {};
+    };
+    paddingY: CardFormPaddingY;
+    paddingX: CardFormPaddingX;
+    shadow: CardFormShadow;
+    borderRadius: CardFormBorderRadius;
+    borderWidth: CardFormBorderWidth;
+    borderColor: CardFormBorderColor;
+    textAlign: CardFormTextAlign;
+    backgroundColor: CardFormBackgroundColor;
+    smBackgroundColor: CardFormBackgroundColor;
+    smBorderWidth: CardFormBorderWidth;
+};
+type CardFormThemeKey = keyof typeof cardFormThemeBaseProps;
+type CardFormKind = keyof (typeof cardFormThemeBase)["kinds"];
+type CardFormKindProps = Record<CardFormKind, Partial<typeof cardFormThemeBaseProps>>;
+declare const defaultCardFormTheme: {
+    kinds: Partial<CardFormKindProps>;
+    paddingY: CardFormPaddingY;
+    paddingX: CardFormPaddingX;
+    shadow: CardFormShadow;
+    borderRadius: CardFormBorderRadius;
+    borderWidth: CardFormBorderWidth;
+    borderColor: CardFormBorderColor;
+    textAlign: CardFormTextAlign;
+    backgroundColor: CardFormBackgroundColor;
+    smBackgroundColor: CardFormBackgroundColor;
+    smBorderWidth: CardFormBorderWidth;
+};
+
+export { type CardFormBackgroundColor, type CardFormBorderColor, type CardFormBorderRadius, type CardFormBorderWidth, type CardFormKind, type CardFormPaddingX, type CardFormPaddingY, type CardFormShadow, type CardFormTextAlign, type CardFormThemeKey, cardFormThemeBase, defaultCardFormTheme };

package/dist/styles/themeDefaults/cardForm.d.ts

@@ -0,0 +1,55 @@
+type CardFormPaddingY = 40 | 56;
+type CardFormPaddingX = 40 | 56;
+type CardFormBorderWidth = 0 | 1;
+type CardFormBorderRadius = 8 | 24;
+type CardFormShadow = "soft" | "hard" | "none";
+type CardFormTextAlign = "center" | "left";
+type CardFormBorderColor = "vlcNeutral" | "grayBlue94";
+type CardFormBackgroundColor = "bg" | "white";
+declare const cardFormThemeBaseProps: {
+    readonly paddingY: CardFormPaddingY;
+    readonly paddingX: CardFormPaddingX;
+    readonly shadow: CardFormShadow;
+    readonly borderRadius: CardFormBorderRadius;
+    readonly borderWidth: CardFormBorderWidth;
+    readonly borderColor: CardFormBorderColor;
+    readonly textAlign: CardFormTextAlign;
+    readonly backgroundColor: CardFormBackgroundColor;
+    readonly smBackgroundColor: CardFormBackgroundColor;
+    readonly smBorderWidth: CardFormBorderWidth;
+};
+declare const cardFormThemeBase: {
+    kinds: {
+        primary: {};
+        secondary: {};
+        tertiary: {};
+    };
+    paddingY: CardFormPaddingY;
+    paddingX: CardFormPaddingX;
+    shadow: CardFormShadow;
+    borderRadius: CardFormBorderRadius;
+    borderWidth: CardFormBorderWidth;
+    borderColor: CardFormBorderColor;
+    textAlign: CardFormTextAlign;
+    backgroundColor: CardFormBackgroundColor;
+    smBackgroundColor: CardFormBackgroundColor;
+    smBorderWidth: CardFormBorderWidth;
+};
+type CardFormThemeKey = keyof typeof cardFormThemeBaseProps;
+type CardFormKind = keyof (typeof cardFormThemeBase)["kinds"];
+type CardFormKindProps = Record<CardFormKind, Partial<typeof cardFormThemeBaseProps>>;
+declare const defaultCardFormTheme: {
+    kinds: Partial<CardFormKindProps>;
+    paddingY: CardFormPaddingY;
+    paddingX: CardFormPaddingX;
+    shadow: CardFormShadow;
+    borderRadius: CardFormBorderRadius;
+    borderWidth: CardFormBorderWidth;
+    borderColor: CardFormBorderColor;
+    textAlign: CardFormTextAlign;
+    backgroundColor: CardFormBackgroundColor;
+    smBackgroundColor: CardFormBackgroundColor;
+    smBorderWidth: CardFormBorderWidth;
+};
+
+export { type CardFormBackgroundColor, type CardFormBorderColor, type CardFormBorderRadius, type CardFormBorderWidth, type CardFormKind, type CardFormPaddingX, type CardFormPaddingY, type CardFormShadow, type CardFormTextAlign, type CardFormThemeKey, cardFormThemeBase, defaultCardFormTheme };

package/dist/styles/themeDefaults/cardForm.js

@@ -0,0 +1,9 @@
+import {
+  cardFormThemeBase,
+  defaultCardFormTheme
+} from "../../chunk-AK7B5554.js";
+import "../../chunk-CWMXXUWU.js";
+export {
+  cardFormThemeBase,
+  defaultCardFormTheme
+};

package/dist/styles/themes.cjs

@@ -17,10 +17,11 @@
 
 
 
-var _chunkWKRK5OVEcjs = require('../chunk-WKRK5OVE.cjs');
-require('../chunk-SDDC5AVT.cjs');
+var _chunk7EIZIKLRcjs = require('../chunk-7EIZIKLR.cjs');
+require('../chunk-R7ZYIVAN.cjs');
+require('../chunk-2WMBDPXZ.cjs');
 require('../chunk-73EJLMPT.cjs');
-require('../chunk-DCQM7IVK.cjs');
+require('../chunk-6PYUHYIP.cjs');
 require('../chunk-KW3JYLRI.cjs');
 require('../chunk-CFG65CGC.cjs');
 require('../chunk-YM5JDZDQ.cjs');
@@ -43,4 +44,4 @@ require('../chunk-YM5JDZDQ.cjs');
 
 
 
-exports.Themes = _chunkWKRK5OVEcjs.Themes; exports.getBackgroundColor = _chunkWKRK5OVEcjs.getBackgroundColor; exports.getColor = _chunkWKRK5OVEcjs.getColor; exports.getFontColor = _chunkWKRK5OVEcjs.getFontColor; exports.ifDark = _chunkWKRK5OVEcjs.ifDark; exports.ifLight = _chunkWKRK5OVEcjs.ifLight; exports.isBackgroundColorKey = _chunkWKRK5OVEcjs.isBackgroundColorKey; exports.isBackgroundColorKeyTuple = _chunkWKRK5OVEcjs.isBackgroundColorKeyTuple; exports.isDark = _chunkWKRK5OVEcjs.isDark; exports.isLight = _chunkWKRK5OVEcjs.isLight; exports.isThemeColorKey = _chunkWKRK5OVEcjs.isThemeColorKey; exports.isThemeOrColorKey = _chunkWKRK5OVEcjs.isThemeOrColorKey; exports.setFonts = _chunkWKRK5OVEcjs.setFonts; exports.themeOr = _chunkWKRK5OVEcjs.themeOr; exports.themeOrColorKeyValues = _chunkWKRK5OVEcjs.themeOrColorKeyValues; exports.themeOrWithKey = _chunkWKRK5OVEcjs.themeOrWithKey; exports.themes = _chunkWKRK5OVEcjs.themes; exports.useThemeBg = _chunkWKRK5OVEcjs.useThemeBg;
+exports.Themes = _chunk7EIZIKLRcjs.Themes; exports.getBackgroundColor = _chunk7EIZIKLRcjs.getBackgroundColor; exports.getColor = _chunk7EIZIKLRcjs.getColor; exports.getFontColor = _chunk7EIZIKLRcjs.getFontColor; exports.ifDark = _chunk7EIZIKLRcjs.ifDark; exports.ifLight = _chunk7EIZIKLRcjs.ifLight; exports.isBackgroundColorKey = _chunk7EIZIKLRcjs.isBackgroundColorKey; exports.isBackgroundColorKeyTuple = _chunk7EIZIKLRcjs.isBackgroundColorKeyTuple; exports.isDark = _chunk7EIZIKLRcjs.isDark; exports.isLight = _chunk7EIZIKLRcjs.isLight; exports.isThemeColorKey = _chunk7EIZIKLRcjs.isThemeColorKey; exports.isThemeOrColorKey = _chunk7EIZIKLRcjs.isThemeOrColorKey; exports.setFonts = _chunk7EIZIKLRcjs.setFonts; exports.themeOr = _chunk7EIZIKLRcjs.themeOr; exports.themeOrColorKeyValues = _chunk7EIZIKLRcjs.themeOrColorKeyValues; exports.themeOrWithKey = _chunk7EIZIKLRcjs.themeOrWithKey; exports.themes = _chunk7EIZIKLRcjs.themes; exports.useThemeBg = _chunk7EIZIKLRcjs.useThemeBg;

package/dist/styles/themes.d.cts

@@ -1,6 +1,7 @@
 import '@emotion/react';
+import './themeDefaults/cardForm.cjs';
 import '../components/Icon/types.cjs';
-export { o as BackgroundColorKey, p as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, c as Themes, W as WithTheme, u as getBackgroundColor, m as getColor, n as getFontColor, C as ifDark, z as ifLight, q as isBackgroundColorKey, r as isBackgroundColorKeyTuple, v as isDark, w as isLight, k as isThemeColorKey, l as isThemeOrColorKey, s as setFonts, x as themeOr, t as themeOrColorKeyValues, y as themeOrWithKey, j as themes, D as useThemeBg } from '../themes-yD4K014U.cjs';
+export { o as BackgroundColorKey, p as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, c as Themes, W as WithTheme, u as getBackgroundColor, m as getColor, n as getFontColor, C as ifDark, z as ifLight, q as isBackgroundColorKey, r as isBackgroundColorKeyTuple, v as isDark, w as isLight, k as isThemeColorKey, l as isThemeOrColorKey, s as setFonts, x as themeOr, t as themeOrColorKeyValues, y as themeOrWithKey, j as themes, D as useThemeBg } from '../themes-FxGdiei4.cjs';
 import './tokens/typography.cjs';
 import '@emotion/css';
 import './colors.cjs';

package/dist/styles/themes.d.ts

@@ -1,6 +1,7 @@
 import '@emotion/react';
+import './themeDefaults/cardForm.js';
 import '../components/Icon/types.js';
-export { o as BackgroundColorKey, p as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, c as Themes, W as WithTheme, u as getBackgroundColor, m as getColor, n as getFontColor, C as ifDark, z as ifLight, q as isBackgroundColorKey, r as isBackgroundColorKeyTuple, v as isDark, w as isLight, k as isThemeColorKey, l as isThemeOrColorKey, s as setFonts, x as themeOr, t as themeOrColorKeyValues, y as themeOrWithKey, j as themes, D as useThemeBg } from '../themes-ewqUKrgr.js';
+export { o as BackgroundColorKey, p as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, c as Themes, W as WithTheme, u as getBackgroundColor, m as getColor, n as getFontColor, C as ifDark, z as ifLight, q as isBackgroundColorKey, r as isBackgroundColorKeyTuple, v as isDark, w as isLight, k as isThemeColorKey, l as isThemeOrColorKey, s as setFonts, x as themeOr, t as themeOrColorKeyValues, y as themeOrWithKey, j as themes, D as useThemeBg } from '../themes-CPjoocoh.js';
 import './tokens/typography.js';
 import '@emotion/css';
 import './colors.js';

package/dist/styles/themes.js

@@ -17,10 +17,11 @@ import {
   themeOrWithKey,
   themes,
   useThemeBg
-} from "../chunk-O42E7NAG.js";
-import "../chunk-HHTHXSBF.js";
+} from "../chunk-HYUF4RXZ.js";
+import "../chunk-NVLTKMR6.js";
+import "../chunk-AK7B5554.js";
 import "../chunk-LIVMIDVJ.js";
-import "../chunk-VASG2BKI.js";
+import "../chunk-YQP6BIJN.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-MN4NUSPL.js";
 import "../chunk-CWMXXUWU.js";

package/dist/styles/tokens/typography.cjs

@@ -7,7 +7,7 @@
 
 
 
-var _chunkDCQM7IVKcjs = require('../../chunk-DCQM7IVK.cjs');
+var _chunk6PYUHYIPcjs = require('../../chunk-6PYUHYIP.cjs');
 require('../../chunk-KW3JYLRI.cjs');
 require('../../chunk-YM5JDZDQ.cjs');
 
@@ -19,4 +19,4 @@ require('../../chunk-YM5JDZDQ.cjs');
 
 
 
-exports.TokenSize = _chunkDCQM7IVKcjs.TokenSize; exports.TypographyGroup = _chunkDCQM7IVKcjs.TypographyGroup; exports.TypographyType = _chunkDCQM7IVKcjs.TypographyType; exports.getLineHeightForTypographyType = _chunkDCQM7IVKcjs.getLineHeightForTypographyType; exports.getLineHeightFromKey = _chunkDCQM7IVKcjs.getLineHeightFromKey; exports.getTypography = _chunkDCQM7IVKcjs.getTypography; exports.getTypographyString = _chunkDCQM7IVKcjs.getTypographyString; exports.lineHeightKeys = _chunkDCQM7IVKcjs.lineHeightKeys;
+exports.TokenSize = _chunk6PYUHYIPcjs.TokenSize; exports.TypographyGroup = _chunk6PYUHYIPcjs.TypographyGroup; exports.TypographyType = _chunk6PYUHYIPcjs.TypographyType; exports.getLineHeightForTypographyType = _chunk6PYUHYIPcjs.getLineHeightForTypographyType; exports.getLineHeightFromKey = _chunk6PYUHYIPcjs.getLineHeightFromKey; exports.getTypography = _chunk6PYUHYIPcjs.getTypography; exports.getTypographyString = _chunk6PYUHYIPcjs.getTypographyString; exports.lineHeightKeys = _chunk6PYUHYIPcjs.lineHeightKeys;

package/dist/styles/tokens/typography.js

@@ -7,7 +7,7 @@ import {
   getTypography,
   getTypographyString,
   lineHeightKeys
-} from "../../chunk-VASG2BKI.js";
+} from "../../chunk-YQP6BIJN.js";
 import "../../chunk-JSGRNWSB.js";
 import "../../chunk-CWMXXUWU.js";
 export {