keynesol-shared 1.0.0

package/dist/components/Common/LoadingIndicator.jsx

@@ -0,0 +1,108 @@
+/**
+ * Loading Indicator Component
+ * Displays loading feedback appropriate to context
+ * Requirements: 5.2, 5.5
+ */
+import React from 'react';
+import styled, { keyframes } from 'styled-components';
+const spin = keyframes `
+  to { transform: rotate(360deg); }
+`;
+const dots = keyframes `
+  0%, 20% {
+    content: '.';
+  }
+  40% {
+    content: '..';
+  }
+  60%, 100% {
+    content: '...';
+  }
+`;
+const Container = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-md, 1rem);
+  padding: var(--spacing-lg, 1.5rem);
+`;
+const Spinner = styled.div `
+  width: ${props => {
+    switch (props.size) {
+        case 'small': return '24px';
+        case 'large': return '64px';
+        default: return '48px';
+    }
+}};
+  height: ${props => {
+    switch (props.size) {
+        case 'small': return '24px';
+        case 'large': return '64px';
+        default: return '48px';
+    }
+}};
+  border: 4px solid var(--color-border, #e5e7eb);
+  border-top-color: var(--color-primary, #6a8102);
+  border-radius: 50%;
+  animation: ${spin} 1s linear infinite;
+`;
+const ProgressBarContainer = styled.div `
+  width: 100%;
+  max-width: 300px;
+  height: 8px;
+  background: var(--color-border, #e5e7eb);
+  border-radius: var(--border-radius-md, 0.375rem);
+  overflow: hidden;
+`;
+const ProgressBar = styled.div `
+  height: 100%;
+  width: ${props => props.progress}%;
+  background: linear-gradient(90deg, var(--color-primary, #6a8102), var(--color-secondary, #ffc107));
+  border-radius: var(--border-radius-md, 0.375rem);
+  transition: width 0.3s ease;
+`;
+const Dots = styled.div `
+  font-size: 1.5rem;
+  color: var(--color-primary, #6a8102);
+  
+  &::after {
+    content: '.';
+    animation: ${dots} 1.5s steps(4, end) infinite;
+  }
+`;
+const Message = styled.p `
+  color: var(--color-text-secondary, #6b7280);
+  font-size: 0.875rem;
+  margin: 0;
+  text-align: center;
+`;
+const ProgressText = styled.span `
+  color: var(--color-text-secondary, #6b7280);
+  font-size: 0.75rem;
+  font-weight: 600;
+  margin-top: var(--spacing-xs, 0.25rem);
+`;
+export const LoadingIndicator = ({ type, size = 'medium', message, progress, }) => {
+    const renderIndicator = () => {
+        switch (type) {
+            case 'spinner':
+                return <Spinner size={size}/>;
+            case 'progress':
+                return (<div style={{ width: '100%', maxWidth: '300px' }}>
+            <ProgressBarContainer>
+              <ProgressBar progress={progress || 0}/>
+            </ProgressBarContainer>
+            {progress !== undefined && (<ProgressText>{Math.round(progress)}%</ProgressText>)}
+          </div>);
+            case 'dots':
+                return <Dots />;
+            default:
+                return null;
+        }
+    };
+    return (<Container>
+      {renderIndicator()}
+      {message && <Message>{message}</Message>}
+    </Container>);
+};

package/dist/components/Common/ProgramStatus.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ProgramStatus: React.FC;
+//# sourceMappingURL=ProgramStatus.d.ts.map

package/dist/components/Common/ProgramStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Common/ProgramStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA0BjC,CAAC"}

package/dist/components/Common/ProgramStatus.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+import styled from 'styled-components';
+import { useProgram } from '../../hooks/useProgram';
+import { ErrorMessage } from './ErrorMessage';
+import toast from 'react-hot-toast';
+export const ProgramStatus = () => {
+    const { program, idl, idlError, programId } = useProgram();
+    const [showError, setShowError] = React.useState(false);
+    useEffect(() => {
+        if (idlError) {
+            setShowError(true);
+            toast.error(`Failed to load program: ${idlError}`, {
+                duration: 5000,
+            });
+        }
+    }, [idlError]);
+    // Don't show anything if program is loading or ready
+    if (!idlError) {
+        return null;
+    }
+    return (_jsx(Container, { children: _jsx(ErrorMessage, { message: `Failed to load program contract. Please refresh the page. Error: ${idlError}`, onRetry: () => window.location.reload() }) }));
+};
+const Container = styled.div `
+  margin: var(--spacing-md, 1rem) 0;
+`;

package/dist/components/Common/ProgramStatus.jsx

@@ -0,0 +1,27 @@
+import React, { useEffect } from 'react';
+import styled from 'styled-components';
+import { useProgram } from '../../hooks/useProgram';
+import { ErrorMessage } from './ErrorMessage';
+import toast from 'react-hot-toast';
+export const ProgramStatus = () => {
+    const { program, idl, idlError, programId } = useProgram();
+    const [showError, setShowError] = React.useState(false);
+    useEffect(() => {
+        if (idlError) {
+            setShowError(true);
+            toast.error(`Failed to load program: ${idlError}`, {
+                duration: 5000,
+            });
+        }
+    }, [idlError]);
+    // Don't show anything if program is loading or ready
+    if (!idlError) {
+        return null;
+    }
+    return (<Container>
+      <ErrorMessage message={`Failed to load program contract. Please refresh the page. Error: ${idlError}`} onRetry={() => window.location.reload()}/>
+    </Container>);
+};
+const Container = styled.div `
+  margin: var(--spacing-md, 1rem) 0;
+`;

package/dist/components/Common/Skeleton.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Skeleton Screen Components
+ * Requirements: 11.3 - Loading states with skeleton screens for better perceived performance
+ */
+import React from 'react';
+export declare const SkeletonCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "height" | "width"> & {
+    width?: string;
+    height?: string;
+}, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const SkeletonText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "height" | "width"> & {
+    width?: string;
+    height?: string;
+}, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const SkeletonTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "height" | "width"> & {
+    width?: string;
+    height?: string;
+}, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const SkeletonButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "height" | "width"> & {
+    width?: string;
+    height?: string;
+}, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const SkeletonAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "height" | "width"> & {
+    width?: string;
+    height?: string;
+}, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const VaultCardSkeleton: React.FC;
+export declare const StatsSkeleton: React.FC;
+export declare const ProfileSkeleton: React.FC;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/Common/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Common/Skeleton.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,eAAO,MAAM,YAAY;YAdiB,MAAM;aAAW,MAAM;;;mBAiBhE,CAAC;AAEF,eAAO,MAAM,YAAY;YAnBiB,MAAM;aAAW,MAAM;;;mBA0BhE,CAAC;AAEF,eAAO,MAAM,aAAa;YA5BgB,MAAM;aAAW,MAAM;;;mBAgChE,CAAC;AAEF,eAAO,MAAM,cAAc;YAlCe,MAAM;aAAW,MAAM;;;mBAsChE,CAAC;AAEF,eAAO,MAAM,cAAc;YAxCe,MAAM;aAAW,MAAM;;;mBA4ChE,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAErC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAOjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAOnC,CAAC"}

package/dist/components/Common/Skeleton.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import styled, { keyframes } from 'styled-components';
+const shimmer = keyframes `
+  0% {
+    background-position: -1000px 0;
+  }
+  100% {
+    background-position: 1000px 0;
+  }
+`;
+const SkeletonBase = styled.div `
+  background: linear-gradient(
+    90deg,
+    var(--color-surface, #f9fafb) 0%,
+    var(--color-border, #e5e7eb) 50%,
+    var(--color-surface, #f9fafb) 100%
+  );
+  background-size: 1000px 100%;
+  animation: ${shimmer} 2s infinite;
+  border-radius: var(--border-radius-md, 0.375rem);
+  width: ${props => props.width || '100%'};
+  height: ${props => props.height || '20px'};
+`;
+export const SkeletonCard = styled(SkeletonBase) `
+  height: 200px;
+  margin-bottom: var(--spacing-md, 1rem);
+`;
+export const SkeletonText = styled(SkeletonBase) `
+  height: 16px;
+  margin-bottom: var(--spacing-xs, 0.25rem);
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+export const SkeletonTitle = styled(SkeletonBase) `
+  height: 24px;
+  width: 60%;
+  margin-bottom: var(--spacing-md, 1rem);
+`;
+export const SkeletonButton = styled(SkeletonBase) `
+  height: 40px;
+  width: 120px;
+  border-radius: var(--border-radius-md, 0.375rem);
+`;
+export const SkeletonAvatar = styled(SkeletonBase) `
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+`;
+export const VaultCardSkeleton = () => (_jsx(SkeletonCard, {}));
+export const StatsSkeleton = () => (_jsxs(_Fragment, { children: [_jsx(SkeletonTitle, {}), _jsx(SkeletonText, { width: "100%" }), _jsx(SkeletonText, { width: "80%" }), _jsx(SkeletonText, { width: "90%" })] }));
+export const ProfileSkeleton = () => (_jsxs(_Fragment, { children: [_jsx(SkeletonAvatar, { width: "80px", height: "80px" }), _jsx(SkeletonTitle, { width: "40%" }), _jsx(SkeletonText, { width: "60%" }), _jsx(SkeletonText, { width: "50%" })] }));

package/dist/components/Common/Skeleton.jsx

@@ -0,0 +1,67 @@
+/**
+ * Skeleton Screen Components
+ * Requirements: 11.3 - Loading states with skeleton screens for better perceived performance
+ */
+import React from 'react';
+import styled, { keyframes } from 'styled-components';
+const shimmer = keyframes `
+  0% {
+    background-position: -1000px 0;
+  }
+  100% {
+    background-position: 1000px 0;
+  }
+`;
+const SkeletonBase = styled.div `
+  background: linear-gradient(
+    90deg,
+    var(--color-surface, #f9fafb) 0%,
+    var(--color-border, #e5e7eb) 50%,
+    var(--color-surface, #f9fafb) 100%
+  );
+  background-size: 1000px 100%;
+  animation: ${shimmer} 2s infinite;
+  border-radius: var(--border-radius-md, 0.375rem);
+  width: ${props => props.width || '100%'};
+  height: ${props => props.height || '20px'};
+`;
+export const SkeletonCard = styled(SkeletonBase) `
+  height: 200px;
+  margin-bottom: var(--spacing-md, 1rem);
+`;
+export const SkeletonText = styled(SkeletonBase) `
+  height: 16px;
+  margin-bottom: var(--spacing-xs, 0.25rem);
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+export const SkeletonTitle = styled(SkeletonBase) `
+  height: 24px;
+  width: 60%;
+  margin-bottom: var(--spacing-md, 1rem);
+`;
+export const SkeletonButton = styled(SkeletonBase) `
+  height: 40px;
+  width: 120px;
+  border-radius: var(--border-radius-md, 0.375rem);
+`;
+export const SkeletonAvatar = styled(SkeletonBase) `
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+`;
+export const VaultCardSkeleton = () => (<SkeletonCard />);
+export const StatsSkeleton = () => (<>
+    <SkeletonTitle />
+    <SkeletonText width="100%"/>
+    <SkeletonText width="80%"/>
+    <SkeletonText width="90%"/>
+  </>);
+export const ProfileSkeleton = () => (<>
+    <SkeletonAvatar width="80px" height="80px"/>
+    <SkeletonTitle width="40%"/>
+    <SkeletonText width="60%"/>
+    <SkeletonText width="50%"/>
+  </>);

package/dist/components/Common/SkeletonScreen.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Skeleton Screen Component
+ * Loading placeholder that mimics content structure
+ * Requirements: 5.1
+ */
+import React from 'react';
+export type SkeletonVariant = 'card' | 'table' | 'chart' | 'list' | 'text';
+export type SkeletonAnimation = 'pulse' | 'wave' | 'none';
+interface SkeletonScreenProps {
+    variant: SkeletonVariant;
+    count?: number;
+    height?: string;
+    width?: string;
+    animation?: SkeletonAnimation;
+}
+export declare const SkeletonScreen: React.FC<SkeletonScreenProps>;
+export {};
+//# sourceMappingURL=SkeletonScreen.d.ts.map

package/dist/components/Common/SkeletonScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonScreen.d.ts","sourceRoot":"","sources":["../../../src/components/Common/SkeletonScreen.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAC3E,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D,UAAU,mBAAmB;IAC3B,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B;AA+FD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqDxD,CAAC"}

package/dist/components/Common/SkeletonScreen.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import styled, { keyframes } from 'styled-components';
+const pulse = keyframes `
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+`;
+const wave = keyframes `
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+`;
+const SkeletonBase = styled.div `
+  background: linear-gradient(
+    90deg,
+    var(--color-border, #e5e7eb) 0%,
+    var(--color-surface, #f9fafb) 50%,
+    var(--color-border, #e5e7eb) 100%
+  );
+  background-size: 200% 100%;
+  border-radius: var(--border-radius-md, 0.375rem);
+  
+  ${props => {
+    switch (props.$animation) {
+        case 'pulse':
+            return `animation: ${pulse} 1.5s ease-in-out infinite;`;
+        case 'wave':
+            return `animation: ${wave} 1.5s ease-in-out infinite;`;
+        default:
+            return '';
+    }
+}}
+`;
+const CardSkeleton = styled(SkeletonBase) `
+  height: ${props => props.$height || '200px'};
+  width: ${props => props.$width || '100%'};
+  margin-bottom: var(--spacing-md, 1rem);
+`;
+const TableSkeleton = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm, 0.5rem);
+`;
+const TableRowSkeleton = styled(SkeletonBase) `
+  height: ${props => props.$height || '48px'};
+  width: 100%;
+`;
+const ChartSkeleton = styled(SkeletonBase) `
+  height: ${props => props.$height || '300px'};
+  width: ${props => props.$width || '100%'};
+  border-radius: var(--border-radius-lg, 0.5rem);
+`;
+const ListSkeleton = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md, 1rem);
+`;
+const ListItemSkeleton = styled(SkeletonBase) `
+  height: ${props => props.$height || '60px'};
+  width: 100%;
+`;
+const TextSkeleton = styled(SkeletonBase) `
+  height: ${props => props.$height || '1em'};
+  width: ${props => props.$width || '100%'};
+  margin-bottom: var(--spacing-xs, 0.25rem);
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+export const SkeletonScreen = ({ variant, count = 1, height, width, animation = 'pulse', }) => {
+    const renderSkeleton = () => {
+        switch (variant) {
+            case 'card':
+                return Array.from({ length: count }).map((_, i) => (_jsx(CardSkeleton, { "$animation": animation, "$height": height, "$width": width }, i)));
+            case 'table':
+                return (_jsx(TableSkeleton, { children: Array.from({ length: count }).map((_, i) => (_jsx(TableRowSkeleton, { "$animation": animation, "$height": height }, i))) }));
+            case 'chart':
+                return (_jsx(ChartSkeleton, { "$animation": animation, "$height": height, "$width": width }));
+            case 'list':
+                return (_jsx(ListSkeleton, { children: Array.from({ length: count }).map((_, i) => (_jsx(ListItemSkeleton, { "$animation": animation, "$height": height }, i))) }));
+            case 'text':
+                return Array.from({ length: count }).map((_, i) => (_jsx(TextSkeleton, { "$animation": animation, "$height": height, "$width": i === count - 1 ? '80%' : width }, i)));
+            default:
+                return null;
+        }
+    };
+    return _jsx(_Fragment, { children: renderSkeleton() });
+};

package/dist/components/Common/SkeletonScreen.jsx

@@ -0,0 +1,108 @@
+/**
+ * Skeleton Screen Component
+ * Loading placeholder that mimics content structure
+ * Requirements: 5.1
+ */
+import React from 'react';
+import styled, { keyframes } from 'styled-components';
+const pulse = keyframes `
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+`;
+const wave = keyframes `
+  0% {
+    transform: translateX(-100%);
+  }
+  50% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+`;
+const SkeletonBase = styled.div `
+  background: linear-gradient(
+    90deg,
+    var(--color-border, #e5e7eb) 0%,
+    var(--color-surface, #f9fafb) 50%,
+    var(--color-border, #e5e7eb) 100%
+  );
+  background-size: 200% 100%;
+  border-radius: var(--border-radius-md, 0.375rem);
+  
+  ${props => {
+    switch (props.$animation) {
+        case 'pulse':
+            return `animation: ${pulse} 1.5s ease-in-out infinite;`;
+        case 'wave':
+            return `animation: ${wave} 1.5s ease-in-out infinite;`;
+        default:
+            return '';
+    }
+}}
+`;
+const CardSkeleton = styled(SkeletonBase) `
+  height: ${props => props.$height || '200px'};
+  width: ${props => props.$width || '100%'};
+  margin-bottom: var(--spacing-md, 1rem);
+`;
+const TableSkeleton = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm, 0.5rem);
+`;
+const TableRowSkeleton = styled(SkeletonBase) `
+  height: ${props => props.$height || '48px'};
+  width: 100%;
+`;
+const ChartSkeleton = styled(SkeletonBase) `
+  height: ${props => props.$height || '300px'};
+  width: ${props => props.$width || '100%'};
+  border-radius: var(--border-radius-lg, 0.5rem);
+`;
+const ListSkeleton = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md, 1rem);
+`;
+const ListItemSkeleton = styled(SkeletonBase) `
+  height: ${props => props.$height || '60px'};
+  width: 100%;
+`;
+const TextSkeleton = styled(SkeletonBase) `
+  height: ${props => props.$height || '1em'};
+  width: ${props => props.$width || '100%'};
+  margin-bottom: var(--spacing-xs, 0.25rem);
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+export const SkeletonScreen = ({ variant, count = 1, height, width, animation = 'pulse', }) => {
+    const renderSkeleton = () => {
+        switch (variant) {
+            case 'card':
+                return Array.from({ length: count }).map((_, i) => (<CardSkeleton key={i} $animation={animation} $height={height} $width={width}/>));
+            case 'table':
+                return (<TableSkeleton>
+            {Array.from({ length: count }).map((_, i) => (<TableRowSkeleton key={i} $animation={animation} $height={height}/>))}
+          </TableSkeleton>);
+            case 'chart':
+                return (<ChartSkeleton $animation={animation} $height={height} $width={width}/>);
+            case 'list':
+                return (<ListSkeleton>
+            {Array.from({ length: count }).map((_, i) => (<ListItemSkeleton key={i} $animation={animation} $height={height}/>))}
+          </ListSkeleton>);
+            case 'text':
+                return Array.from({ length: count }).map((_, i) => (<TextSkeleton key={i} $animation={animation} $height={height} $width={i === count - 1 ? '80%' : width} // Last line shorter
+                />));
+            default:
+                return null;
+        }
+    };
+    return <>{renderSkeleton()}</>;
+};

package/dist/components/Common/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Common Components Index
+ */
+export * from './ErrorBoundary';
+export * from './ErrorMessage';
+export * from './Loading';
+export * from './LoadingIndicator';
+export * from './Skeleton';
+export * from './SkeletonScreen';
+export * from './ProgramStatus';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Common/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC"}

package/dist/components/Common/index.js

@@ -0,0 +1,10 @@
+/**
+ * Common Components Index
+ */
+export * from './ErrorBoundary';
+export * from './ErrorMessage';
+export * from './Loading';
+export * from './LoadingIndicator';
+export * from './Skeleton';
+export * from './SkeletonScreen';
+export * from './ProgramStatus';

package/dist/components/Wallet/TransactionStatus.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface TransactionStatusProps {
+    status: 'pending' | 'confirmed' | 'failed';
+    message: string;
+    signature?: string;
+    explorerUrl?: string;
+    network?: string;
+}
+declare const TransactionStatus: React.FC<TransactionStatusProps>;
+export default TransactionStatus;
+//# sourceMappingURL=TransactionStatus.d.ts.map

package/dist/components/Wallet/TransactionStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Wallet/TransactionStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4E1B,UAAU,sBAAsB;IAC9B,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmDvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}