@lightsparkdev/ui 1.0.2 → 1.0.4

package/dist/components/Modal.d.cts

@@ -1,14 +1,16 @@
 import react__default, { MutableRefObject, ComponentProps } from 'react';
+import { TypographyTypeKey } from '../styles/tokens/typography.cjs';
+import { NewRoutesType } from '../types/index.cjs';
 import { ToReactNodesArgs } from '../utils/toReactNodes.cjs';
+import { Button } from './Button.cjs';
 import { IconWithCircleBackground } from './IconWithCircleBackground.cjs';
 import { ProgressBarProps } from './ProgressBar.cjs';
+import '@emotion/react';
 import '@emotion/react/jsx-runtime';
 import './typography/renderTypography.cjs';
 import './typography/Code.cjs';
 import '@emotion/styled';
-import '@emotion/react';
-import '../buttons-b7f56076.js';
-import '../styles/tokens/typography.cjs';
+import '../themes-37e92940.js';
 import '@emotion/css';
 import '../styles/colors.cjs';
 import '../utils/toNonTypographicReactNodes.cjs';
@@ -125,29 +127,30 @@ import '../icons/UmaBridgeLoading.cjs';
 import '../icons/Upload.cjs';
 import '../icons/WalletSDKIcon.cjs';
 import '../icons/WarningSign.cjs';
-import '../types/index.cjs';
 import './typography/Overline.cjs';
 import './typography/LabelStrong.cjs';
 import './typography/LabelModerate.cjs';
 import './typography/Title.cjs';
 import './typography/Display.cjs';
+import '../router.cjs';
+import 'react-router-dom';
 
-interface ExtraAction {
+type ExtraAction = ComponentProps<typeof Button> & {
     /** Determines the placement relative to the submission/cancel buttons. */
     placement: "above" | "below";
-    content: react__default.ReactNode;
-}
+};
 type SubmitLinkWithHref = {
     href: string;
     filename?: string;
 };
+type SmKind = "drawer" | "fullscreen" | "default";
 type TopContent = ComponentProps<typeof IconWithCircleBackground>;
-type ModalProps<RoutesType extends string> = {
+type ModalProps<T extends TypographyTypeKey> = {
     visible: boolean;
     onClose: () => void;
     topContent?: TopContent | undefined;
-    title?: ToReactNodesArgs;
-    description?: ToReactNodesArgs;
+    title?: ToReactNodesArgs<T>;
+    description?: ToReactNodesArgs<T>;
     cancelText?: string | undefined;
     cancelDisabled?: boolean;
     cancelHidden?: boolean;
@@ -158,22 +161,25 @@ type ModalProps<RoutesType extends string> = {
     submitLoading?: boolean;
     submitText?: string;
     submitLink?: {
-        to: RoutesType;
+        to: NewRoutesType;
     } | SubmitLinkWithHref;
     children?: react__default.ReactNode;
     firstFocusRef?: MutableRefObject<{
         focus: () => void;
     } | null>;
     autoFocus?: boolean;
-    smDrawer?: boolean;
+    smKind?: SmKind;
+    top?: number;
     nonDismissable?: boolean;
     width?: 460 | 600;
     progressBar?: ProgressBarProps;
     /** Determines if buttons are laid out horizontally or vertically */
     buttonLayout?: "horizontal" | "vertical";
     /** Allows placing extra buttons in the same button layout */
-    extraActions?: ExtraAction[];
+    extraActions?: ExtraAction[] | undefined;
+    /** Displays a back button at the top of the modal which calls this function */
+    handleBack?: () => void;
 };
-declare function Modal<RoutesType extends string>({ visible, topContent, title, description, children, onClose, onCancel, cancelDisabled, cancelHidden, ghost, onSubmit, submitDisabled, submitLoading, submitText, submitLink, cancelText, firstFocusRef, smDrawer, nonDismissable, autoFocus, width, progressBar, buttonLayout, extraActions, }: ModalProps<RoutesType>): react__default.ReactPortal | null;
+declare function Modal<T extends TypographyTypeKey>({ visible, topContent, title, description, children, onClose, onCancel, cancelDisabled, cancelHidden, ghost, onSubmit, submitDisabled, submitLoading, submitText, submitLink, cancelText, firstFocusRef, smKind, top, nonDismissable, autoFocus, width, progressBar, buttonLayout, extraActions, handleBack, }: ModalProps<T>): react__default.ReactPortal | null;
 
-export { ExtraAction, Modal };
+export { Modal };

package/dist/components/Modal.d.ts

@@ -1,14 +1,16 @@
 import react__default, { MutableRefObject, ComponentProps } from 'react';
+import { TypographyTypeKey } from '../styles/tokens/typography.js';
+import { NewRoutesType } from '../types/index.js';
 import { ToReactNodesArgs } from '../utils/toReactNodes.js';
+import { Button } from './Button.js';
 import { IconWithCircleBackground } from './IconWithCircleBackground.js';
 import { ProgressBarProps } from './ProgressBar.js';
+import '@emotion/react';
 import '@emotion/react/jsx-runtime';
 import './typography/renderTypography.js';
 import './typography/Code.js';
 import '@emotion/styled';
-import '@emotion/react';
-import '../buttons-e4eb84a2.js';
-import '../styles/tokens/typography.js';
+import '../themes-832e46b2.js';
 import '@emotion/css';
 import '../styles/colors.js';
 import '../utils/toNonTypographicReactNodes.js';
@@ -125,29 +127,30 @@ import '../icons/UmaBridgeLoading.js';
 import '../icons/Upload.js';
 import '../icons/WalletSDKIcon.js';
 import '../icons/WarningSign.js';
-import '../types/index.js';
 import './typography/Overline.js';
 import './typography/LabelStrong.js';
 import './typography/LabelModerate.js';
 import './typography/Title.js';
 import './typography/Display.js';
+import '../router.js';
+import 'react-router-dom';
 
-interface ExtraAction {
+type ExtraAction = ComponentProps<typeof Button> & {
     /** Determines the placement relative to the submission/cancel buttons. */
     placement: "above" | "below";
-    content: react__default.ReactNode;
-}
+};
 type SubmitLinkWithHref = {
     href: string;
     filename?: string;
 };
+type SmKind = "drawer" | "fullscreen" | "default";
 type TopContent = ComponentProps<typeof IconWithCircleBackground>;
-type ModalProps<RoutesType extends string> = {
+type ModalProps<T extends TypographyTypeKey> = {
     visible: boolean;
     onClose: () => void;
     topContent?: TopContent | undefined;
-    title?: ToReactNodesArgs;
-    description?: ToReactNodesArgs;
+    title?: ToReactNodesArgs<T>;
+    description?: ToReactNodesArgs<T>;
     cancelText?: string | undefined;
     cancelDisabled?: boolean;
     cancelHidden?: boolean;
@@ -158,22 +161,25 @@ type ModalProps<RoutesType extends string> = {
     submitLoading?: boolean;
     submitText?: string;
     submitLink?: {
-        to: RoutesType;
+        to: NewRoutesType;
     } | SubmitLinkWithHref;
     children?: react__default.ReactNode;
     firstFocusRef?: MutableRefObject<{
         focus: () => void;
     } | null>;
     autoFocus?: boolean;
-    smDrawer?: boolean;
+    smKind?: SmKind;
+    top?: number;
     nonDismissable?: boolean;
     width?: 460 | 600;
     progressBar?: ProgressBarProps;
     /** Determines if buttons are laid out horizontally or vertically */
     buttonLayout?: "horizontal" | "vertical";
     /** Allows placing extra buttons in the same button layout */
-    extraActions?: ExtraAction[];
+    extraActions?: ExtraAction[] | undefined;
+    /** Displays a back button at the top of the modal which calls this function */
+    handleBack?: () => void;
 };
-declare function Modal<RoutesType extends string>({ visible, topContent, title, description, children, onClose, onCancel, cancelDisabled, cancelHidden, ghost, onSubmit, submitDisabled, submitLoading, submitText, submitLink, cancelText, firstFocusRef, smDrawer, nonDismissable, autoFocus, width, progressBar, buttonLayout, extraActions, }: ModalProps<RoutesType>): react__default.ReactPortal | null;
+declare function Modal<T extends TypographyTypeKey>({ visible, topContent, title, description, children, onClose, onCancel, cancelDisabled, cancelHidden, ghost, onSubmit, submitDisabled, submitLoading, submitText, submitLink, cancelText, firstFocusRef, smKind, top, nonDismissable, autoFocus, width, progressBar, buttonLayout, extraActions, handleBack, }: ModalProps<T>): react__default.ReactPortal | null;
 
-export { ExtraAction, Modal };
+export { Modal };

package/dist/components/Modal.js

@@ -1,78 +1,37 @@
 "use client";
 import {
   Modal
-} from "../chunk-WV5AB4ZB.js";
+} from "../chunk-XS4MH3QA.js";
 import "../chunk-NBCCPGA4.js";
-import "../chunk-F6EVBEMN.js";
-import "../chunk-SRHSJOES.js";
-import "../chunk-W3BAJ3HT.js";
-import "../chunk-NYQLPSG3.js";
-import "../chunk-JJC2AUQ3.js";
-import "../chunk-2H7TBKII.js";
-import "../chunk-DNVKN2FG.js";
-import "../chunk-ZSWFGISK.js";
-import "../chunk-E3FGOYEJ.js";
-import "../chunk-2JYYREVX.js";
-import "../chunk-5KSG5D3I.js";
-import "../chunk-XUVCOSIE.js";
-import "../chunk-TM2NGRD2.js";
-import "../chunk-CHK5DOMV.js";
-import "../chunk-HZ63YB4Y.js";
-import "../chunk-XP3BAAUO.js";
+import "../chunk-VXH6GWGE.js";
+import "../chunk-EIFK352Q.js";
 import "../chunk-IL6J7EBZ.js";
-import "../chunk-YRYVSAWS.js";
-import "../chunk-HA4AQO3T.js";
-import "../chunk-OA3BZAST.js";
-import "../chunk-UVGBD7XM.js";
-import "../chunk-Z5TPS2BO.js";
-import "../chunk-35WJ3PKH.js";
-import "../chunk-VYTN6ASZ.js";
-import "../chunk-5XZJEYHG.js";
-import "../chunk-JOQCJPOA.js";
-import "../chunk-L6S22JUU.js";
-import "../chunk-WOR7J4KZ.js";
-import "../chunk-AI6DCUWK.js";
-import "../chunk-467PLJO3.js";
-import "../chunk-GGEAODIA.js";
-import "../chunk-VQVEZVAG.js";
-import "../chunk-2XRCGW74.js";
-import "../chunk-TVLELY54.js";
-import "../chunk-S6AOKANU.js";
-import "../chunk-RSAYBOK5.js";
-import "../chunk-B2VYAIYR.js";
-import "../chunk-55M7XHBZ.js";
-import "../chunk-J7SV67XL.js";
-import "../chunk-LL5YLPNM.js";
-import "../chunk-5H32AOXL.js";
-import "../chunk-D73OOC3E.js";
-import "../chunk-EV6PGQPM.js";
-import "../chunk-DCFB5MJ7.js";
-import "../chunk-BMSSV6NX.js";
-import "../chunk-SKXCT2FQ.js";
-import "../chunk-56QJRFP2.js";
-import "../chunk-CZCPVHVB.js";
-import "../chunk-UBYBILLK.js";
-import "../chunk-GNVEN6UE.js";
-import "../chunk-HRZNVE2K.js";
-import "../chunk-CMQELZES.js";
-import "../chunk-TM3C4LEG.js";
-import "../chunk-HP4VPMN7.js";
-import "../chunk-PNSZAJL7.js";
+import "../chunk-JH53NBOD.js";
+import "../chunk-ZO35RX7V.js";
+import "../chunk-MNMVZI7D.js";
+import "../chunk-DNGAINGL.js";
+import "../chunk-LGXMGWLV.js";
+import "../chunk-V523QTZQ.js";
+import "../chunk-YRZ3VNBI.js";
+import "../chunk-HPZVUEDJ.js";
+import "../chunk-7COKMITX.js";
+import "../chunk-DIKOS5R6.js";
+import "../chunk-AZOVE32P.js";
+import "../chunk-HVDX4OZJ.js";
+import "../chunk-OMY3WTAU.js";
+import "../chunk-OZQ5WPLN.js";
 import "../chunk-YMNSXZ5D.js";
-import "../chunk-6H7PZJ2A.js";
+import "../chunk-7BSME2ZU.js";
+import "../chunk-4X67A2CS.js";
 import "../chunk-OPV246QW.js";
 import "../chunk-AAFUVYVP.js";
-import "../chunk-VUXU77SU.js";
-import "../chunk-CZQER3QD.js";
-import "../chunk-UNULJ3P6.js";
-import "../chunk-SGSLTG65.js";
-import "../chunk-27SFWLPS.js";
-import "../chunk-6JFJDBV2.js";
+import "../chunk-OUHQXQOJ.js";
+import "../chunk-ZS7G6WIG.js";
+import "../chunk-JAPRGAB7.js";
 import "../chunk-55OQPFLF.js";
-import "../chunk-ZNZAY47J.js";
-import "../chunk-3XSQV5U4.js";
-import "../chunk-KFX7US6Y.js";
-import "../chunk-KBYU4ZQ3.js";
+import "../chunk-E5DUKMCU.js";
+import "../chunk-GQVNE3NU.js";
+import "../chunk-TNDSUTUN.js";
 import "../chunk-EDN2QDCB.js";
 import "../chunk-FT62PIPN.js";
 import "../chunk-5ZDDVLS6.js";
@@ -187,8 +146,8 @@ import "../chunk-VI6WTKMV.js";
 import "../chunk-QW2INB5A.js";
 import "../chunk-JLD7MGLC.js";
 import "../chunk-DW6LFUI2.js";
-import "../chunk-7NPHOJXD.js";
-import "../chunk-A4JZESAS.js";
+import "../chunk-CZFFMEAS.js";
+import "../chunk-VNQE6KEX.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";