prizmux 1.3.2 → 1.4.1

package/README.md

@@ -6,195 +6,45 @@ A developer-first React Native component system.
 
 Prizmux gives you production-ready UI primitives with no bloated dependencies, no locked abstractions, and no fighting the framework. Just clean components you can copy, modify, and ship.
 
----
-
-## Why Prizmux?
-
-Most React Native UI libraries are over-opinionated, hard to override, and packed with unnecessary dependencies. Prizmux takes a different approach — lightweight, zero forced dependencies, and fully typed.
-
-Every component follows the same rule: **bring your own icons, images, and navigation**. The package never pulls in lucide, expo-image, expo-router, or any other third-party library on your behalf.
-
----
-
-## Components
-
-### Button
-Variants, sizes, loading state, icon support (left or right), icon-only mode, and full accessibility out of the box.
-
-```tsx
-<Button
-  title="Continue"
-  variant="filled"
-  size="medium"
-  borderRadius={8}
-  icon={<ArrowRight size={18} color="#fff" />}
-  iconPosition="right"
-  onPress={() => {}}
-/>
-```
-
----
-
-### Card
-Composable container with shadow and rounded corners. Put anything inside.
-
-```tsx
-<Card>
-  <Text>Hello world</Text>
-</Card>
-```
-
----
-
-### BottomSheet
-Swipeable sheet with drag handle, backdrop dismiss, and close button. Bring your own close icon.
-
-```tsx
-<BottomSheet
-  visible={visible}
-  onClose={() => setVisible(false)}
-  title="Options"
-  closeIcon={<X size={16} color="#333" />}
->
-  <Text>Sheet content</Text>
-</BottomSheet>
-```
-
----
-
-### ImagePreview
-Full screen image viewer with single image and gallery support. Bring your own nav icons.
-
-```tsx
-<ImagePreview
-  visible={visible}
-  images={['https://...']}
-  onClose={() => setVisible(false)}
-  closeIcon={<X size={24} color="#fff" />}
-  prevIcon={<ChevronLeft size={32} color="#fff" />}
-  nextIcon={<ChevronRight size={32} color="#fff" />}
-/>
-```
-
-Trigger it by wrapping any image in a `Pressable`:
-
-```tsx
-<Pressable onPress={() => setVisible(true)}>
-  <Image source={{ uri: '...' }} style={styles.avatar} />
-</Pressable>
-```
+📖 **Full documentation at [prizmux.vercel.app](https://prizmux.vercel.app)**
 
 ---
 
-### HeaderWithBack
-Navigation header with back button, optional avatar, optional title position, and up to 4 right-side action icons with badge support.
-
-```tsx
-<HeaderWithBack
-  title="John Doe"
-  onBackPress={() => router.back()}
-  avatar={<Image source={{ uri: '...' }} style={{ width: 40, height: 40 }} />}
-  actions={[
-    { icon: <Bell size={22} color="#333" />, onPress: () => {}, badge: 3 },
-    { icon: <Phone size={22} color="#333" />, onPress: () => {} },
-  ]}
-/>
-```
+## Install
 
----
-
-### EmptyState
-Placeholder UI for empty lists or zero-data screens. Bring your own icon and action button.
-
-```tsx
-<EmptyState
-  title="No bookings yet"
-  description="Start by booking a service."
-  icon={<CalendarX size={80} color="rgba(99,102,241,0.3)" />}
-  action={
-    <Button title="Book Now" variant="filled" onPress={() => {}} />
-  }
-/>
+```bash
+npm install prizmux
 ```
 
 ---
 
-### PhoneInput
-International phone number input with a searchable country picker, auto-detection when a full number is pasted, and a clean ISO code fallback when no flag renderer is provided.
-
-```tsx
-<PhoneInput
-  label="Phone Number"
-  defaultCountryCode="UG"
-  value={phone}
-  onChange={setPhone}
-  placeholder="712 345 678"
-  renderFlag={(country) => (
-    <CountryFlag isoCode={country.code} size={22} />
-  )}
-/>
-```
-
-`onChange` returns an object with three fields:
-
-```ts
-{
-  country: Country;   // full country object
-  number: string;     // local number only  e.g. "712345678"
-  full: string;       // complete number    e.g. "+256712345678"
-}
-```
-
-**Flags** — no flag library is bundled. Pass any renderer via `renderFlag`, or leave it out and the component falls back to a clean ISO code label (`UG`, `US`).
+## Components
 
-```bash
-# optional — only if you want actual flag images
-npm install react-native-country-flag
-```
+| Component | Description |
+|---|---|
+| `Button` | Variants, sizes, loading state, icon support, full accessibility |
+| `Card` | Composable container, put anything inside |
+| `BottomSheet` | Swipeable sheet with drag handle and backdrop dismiss |
+| `ImagePreview` | Full screen image viewer with gallery support |
+| `HeaderWithBack` | Navigation header with back button, avatar, and action icons with badges |
+| `EmptyState` | Placeholder UI for empty lists and zero-data screens |
+| `PhoneInput` | International phone input with searchable country picker and auto-detection |
+| `Toast` | Auto, manual, and swipe-to-dismiss notifications |
+| `FAB` | Floating action button with icon, label, or both |
+| `Alert` | Customizable modal alert — bring your own buttons |
 
 ---
 
-## Architecture
+## Design Decisions
 
-```
-/components
-  /Button
-    Button.tsx
-    Button.types.ts
-    index.ts
-  /Card
-    Card.tsx
-    Card.types.ts
-    index.ts
-  /BottomSheet
-    BottomSheet.tsx
-    BottomSheet.types.ts
-    index.ts
-  /ImagePreview
-    ImagePreview.tsx
-    ImagePreview.types.ts
-    index.ts
-  /HeaderWithBack
-    HeaderWithBack.tsx
-    HeaderWithBack.types.ts
-    index.ts
-  /EmptyState
-    EmptyState.tsx
-    EmptyState.types.ts
-    index.ts
-  /PhoneInput
-    PhoneInput.tsx
-    PhoneInput.types.ts
-    countries.ts
-    index.ts
-```
+- **No icon library required** — every component that needs an icon accepts `ReactNode`.
+- **No navigation dependency** — `HeaderWithBack` requires you to pass `onBackPress`.
+- **No image library required** — image slots accept `ReactNode`.
+- **No flag library required** — `PhoneInput` accepts a `renderFlag` prop with a built-in ISO code fallback.
+- **Fully typed** — every component ships with a `.types.ts` file.
 
 ---
 
-## Design Decisions
+## License
 
-- **No icon library required** — every component that needs an icon accepts `ReactNode`. Pass lucide, react-native-vector-icons, an SVG, or a plain emoji.
-- **No navigation dependency** — `HeaderWithBack` requires you to pass `onBackPress`. Use expo-router, react-navigation, or anything else.
-- **No image library required** — `ImagePreview` and `HeaderWithBack` accept `ReactNode` for avatar/image slots. Use expo-image, the built-in RN Image, or anything you want.
-- **No flag library required** — `PhoneInput` accepts a `renderFlag` prop. Use `react-native-country-flag`, a custom SVG, or rely on the built-in ISO fallback.
-- **Fully typed** — every component ships with a `.types.ts` file.
+MIT

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AlertProps } from './Alert.types';
+export declare const Alert: React.FC<AlertProps>;
+export default Alert;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/components/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAiGtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Alert/Alert.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const Alert = ({ visible, onClose, title, message, icon, children, dismissOnBackdropPress = true, borderRadius = 16, backgroundColor = '#FFFFFF', overlayColor = 'rgba(0,0,0,0.5)', style, titleStyle, messageStyle, overlayStyle, iconContainerStyle, contentContainerStyle, }) => {
+    const scaleAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0.85)).current;
+    const opacityAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    (0, react_1.useEffect)(() => {
+        if (visible) {
+            scaleAnim.setValue(0.85);
+            opacityAnim.setValue(0);
+            react_native_1.Animated.parallel([
+                react_native_1.Animated.timing(opacityAnim, {
+                    toValue: 1,
+                    duration: 200,
+                    useNativeDriver: true,
+                }),
+                react_native_1.Animated.spring(scaleAnim, {
+                    toValue: 1,
+                    bounciness: 6,
+                    useNativeDriver: true,
+                }),
+            ]).start();
+        }
+    }, [visible]);
+    if (!visible)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { transparent: true, visible: visible, animationType: "none", statusBarTranslucent: true, onRequestClose: dismissOnBackdropPress ? onClose : undefined, children: (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: [styles.overlay, { backgroundColor: overlayColor }, overlayStyle], onPress: dismissOnBackdropPress ? onClose : undefined, children: (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: () => { }, children: (0, jsx_runtime_1.jsxs)(react_native_1.Animated.View, { style: [
+                        styles.alertBox,
+                        {
+                            backgroundColor,
+                            borderRadius,
+                            opacity: opacityAnim,
+                            transform: [{ scale: scaleAnim }],
+                        },
+                        style,
+                    ], children: [icon && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.iconContainer, iconContainerStyle], children: icon })), title && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.title, titleStyle], children: title })), message && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.message, messageStyle], children: message })), children && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.contentContainer, contentContainerStyle], children: children }))] }) }) }) }));
+};
+exports.Alert = Alert;
+exports.default = exports.Alert;
+const styles = react_native_1.StyleSheet.create({
+    overlay: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        paddingHorizontal: 32,
+    },
+    alertBox: {
+        width: '100%',
+        maxWidth: 340,
+        paddingTop: 8,
+        paddingBottom: 20,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 8 },
+        shadowOpacity: 0.15,
+        shadowRadius: 16,
+        elevation: 10,
+    },
+    iconContainer: {
+        alignItems: 'center',
+        paddingTop: 20,
+        paddingBottom: 4,
+    },
+    title: {
+        fontSize: 17,
+        fontWeight: '700',
+        color: '#111827',
+        textAlign: 'center',
+        paddingHorizontal: 20,
+        paddingTop: 16,
+    },
+    message: {
+        fontSize: 14,
+        color: '#6B7280',
+        textAlign: 'center',
+        lineHeight: 20,
+        paddingHorizontal: 20,
+        paddingTop: 8,
+    },
+    contentContainer: {
+        paddingHorizontal: 20,
+        paddingTop: 16,
+        gap: 10,
+    },
+});
+//# sourceMappingURL=Alert.js.map

package/dist/components/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"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"}

package/dist/components/Alert/Alert.types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { TextStyle, ViewStyle } from 'react-native';
+export interface AlertProps {
+    visible: boolean;
+    onClose: () => void;
+    title?: string;
+    message?: string;
+    icon?: ReactNode;
+    children?: ReactNode;
+    dismissOnBackdropPress?: boolean;
+    borderRadius?: number;
+    backgroundColor?: string;
+    overlayColor?: string;
+    style?: ViewStyle;
+    titleStyle?: TextStyle;
+    messageStyle?: TextStyle;
+    overlayStyle?: ViewStyle;
+    iconContainerStyle?: ViewStyle;
+    contentContainerStyle?: ViewStyle;
+}
+//# sourceMappingURL=Alert.types.d.ts.map

package/dist/components/Alert/Alert.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IAGpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAGjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC"}

package/dist/components/Alert/Alert.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Alert.types.js.map

package/dist/components/Alert/Alert.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export { Alert } from './Alert';
+export type { AlertProps } from './Alert.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Alert/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+var Alert_1 = require("./Alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}

package/dist/components/Fab/FAB.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FABProps } from './FAB.types';
+export declare const FAB: React.FC<FABProps>;
+export default FAB;
+//# sourceMappingURL=FAB.d.ts.map

package/dist/components/Fab/FAB.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.d.ts","sourceRoot":"","sources":["../../../src/components/Fab/FAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,OAAO,EAAe,QAAQ,EAAW,MAAM,aAAa,CAAC;AAgC7D,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAqIlC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/components/Fab/FAB.js

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FAB = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+// Size config
+const SIZE_CONFIG = {
+    small: { button: 40, fontSize: 12 },
+    medium: { button: 56, fontSize: 14 },
+    large: { button: 72, fontSize: 16 },
+};
+// Position config — maps to absolute positioning
+const getPositionStyle = (position, offsetX, offsetY) => {
+    switch (position) {
+        case 'bottom-right':
+            return { bottom: offsetY, right: offsetX };
+        case 'bottom-left':
+            return { bottom: offsetY, left: offsetX };
+        case 'bottom-center':
+            return { bottom: offsetY, alignSelf: 'center' };
+        case 'top-right':
+            return { top: offsetY, right: offsetX };
+        case 'top-left':
+            return { top: offsetY, left: offsetX };
+        case 'top-center':
+            return { top: offsetY, alignSelf: 'center' };
+    }
+};
+const FAB = ({ onPress, onLongPress, icon, label, labelPosition = 'right', position = 'bottom-right', offsetX = 16, offsetY = 24, size = 'medium', borderRadius, backgroundColor = '#6366F1', iconColor, labelColor = '#FFFFFF', disabled = false, loading = false, style, labelStyle, containerStyle, }) => {
+    const scaleAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
+    const sizeConfig = SIZE_CONFIG[size];
+    const buttonSize = sizeConfig.button;
+    // Default to circle (half of size), consumer can override
+    const radius = borderRadius ?? buttonSize / 2;
+    const handlePressIn = () => {
+        react_native_1.Animated.spring(scaleAnim, {
+            toValue: 0.92,
+            useNativeDriver: true,
+            bounciness: 4,
+        }).start();
+    };
+    const handlePressOut = () => {
+        react_native_1.Animated.spring(scaleAnim, {
+            toValue: 1,
+            useNativeDriver: true,
+            bounciness: 4,
+        }).start();
+    };
+    const positionStyle = getPositionStyle(position, offsetX, offsetY);
+    const hasLabel = !!label;
+    const hasIcon = !!icon;
+    // When there's a label, the button becomes a pill/row — not a perfect square
+    const isExtended = hasLabel && hasIcon;
+    const isLabelOnly = hasLabel && !hasIcon;
+    // Layout direction based on labelPosition
+    const isHorizontal = labelPosition === 'left' || labelPosition === 'right';
+    const flexDirection = labelPosition === 'left'
+        ? 'row-reverse'
+        : labelPosition === 'right'
+            ? 'row'
+            : labelPosition === 'top'
+                ? 'column-reverse'
+                : 'column';
+    const gap = size === 'small' ? 6 : size === 'medium' ? 8 : 10;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+            styles.container,
+            positionStyle,
+            containerStyle,
+        ], pointerEvents: "box-none", children: (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: { transform: [{ scale: scaleAnim }] }, children: (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: onPress, onLongPress: onLongPress, onPressIn: handlePressIn, onPressOut: handlePressOut, disabled: disabled || loading, accessibilityRole: "button", accessibilityLabel: label ?? 'FAB', accessibilityState: { disabled: disabled || loading }, style: [
+                    styles.button,
+                    {
+                        backgroundColor: disabled ? '#9CA3AF' : backgroundColor,
+                        borderRadius: radius,
+                        // Square dimensions only when icon-only or label-only with no icon
+                        width: isExtended ? undefined : isLabelOnly ? undefined : buttonSize,
+                        height: buttonSize,
+                        paddingHorizontal: isExtended || isLabelOnly ? 20 : 0,
+                        flexDirection: flexDirection,
+                        gap: isExtended ? gap : 0,
+                    },
+                    style,
+                ], children: loading ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { size: size === 'large' ? 'large' : 'small', color: "#FFFFFF" })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasIcon && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.iconWrapper, children: icon })), hasLabel && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                                styles.label,
+                                {
+                                    fontSize: sizeConfig.fontSize,
+                                    color: disabled ? '#E5E7EB' : labelColor,
+                                    marginTop: !isHorizontal && hasIcon ? gap / 2 : 0,
+                                    marginBottom: labelPosition === 'top' && hasIcon ? gap / 2 : 0,
+                                },
+                                labelStyle,
+                            ], children: label }))] })) }) }) }));
+};
+exports.FAB = FAB;
+exports.default = exports.FAB;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        position: 'absolute',
+        zIndex: 99,
+        alignItems: 'center',
+    },
+    button: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.25,
+        shadowRadius: 8,
+        elevation: 8,
+    },
+    iconWrapper: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    label: {
+        fontWeight: '600',
+        letterSpacing: 0.3,
+    },
+});
+//# sourceMappingURL=FAB.js.map

package/dist/components/Fab/FAB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.js","sourceRoot":"","sources":["../../../src/components/Fab/FAB.tsx"],"names":[],"mappings":"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"}

package/dist/components/Fab/FAB.types.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { TextStyle, ViewStyle } from 'react-native';
+export type FABPosition = 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-left' | 'top-center';
+export type FABSize = 'small' | 'medium' | 'large';
+export interface FABProps {
+    onPress: () => void;
+    onLongPress?: () => void;
+    icon?: ReactNode;
+    label?: string;
+    labelPosition?: 'right' | 'left' | 'bottom' | 'top';
+    position?: FABPosition;
+    offsetX?: number;
+    offsetY?: number;
+    size?: FABSize;
+    borderRadius?: number;
+    backgroundColor?: string;
+    iconColor?: string;
+    labelColor?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    style?: ViewStyle;
+    labelStyle?: TextStyle;
+    containerStyle?: ViewStyle;
+}
+//# sourceMappingURL=FAB.types.d.ts.map

package/dist/components/Fab/FAB.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.types.d.ts","sourceRoot":"","sources":["../../../src/components/Fab/FAB.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,WAAW,GACnB,cAAc,GACd,aAAa,GACb,eAAe,GACf,WAAW,GACX,UAAU,GACV,YAAY,CAAC;AAEjB,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAGzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAGpD,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B"}

package/dist/components/Fab/FAB.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=FAB.types.js.map

package/dist/components/Fab/FAB.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.types.js","sourceRoot":"","sources":["../../../src/components/Fab/FAB.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export { FAB } from './FAB';
+export type { FABProps, FABPosition, FABSize } from './FAB.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/Fab/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FAB = void 0;
+var FAB_1 = require("./FAB");
+Object.defineProperty(exports, "FAB", { enumerable: true, get: function () { return FAB_1.FAB; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Fab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Fab/index.ts"],"names":[],"mappings":";;;AAAA,6BAA4B;AAAnB,0FAAA,GAAG,OAAA"}

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ToastProps } from './Toast.types';
+export declare const Toast: React.FC<ToastProps>;
+export default Toast;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAW9D,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAe3D,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6OtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Toast/Toast.js

@@ -0,0 +1,222 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const { width: SCREEN_WIDTH } = react_native_1.Dimensions.get('window');
+const TYPE_COLORS = {
+    success: { bg: '#166534', text: '#FFFFFF' },
+    error: { bg: '#991B1B', text: '#FFFFFF' },
+    warning: { bg: '#92400E', text: '#FFFFFF' },
+    info: { bg: '#1E3A8A', text: '#FFFFFF' },
+};
+const DefaultCloseIcon = () => ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.defaultCloseIcon, children: "\u2715" }));
+const Toast = ({ visible, onHide, text, description, type = 'info', position = 'top', dismiss = 'auto', duration = 3000, swipeable = false, swipeDirection = 'horizontal', swipeThreshold = 80, icon, closeIcon, backgroundColor, textColor, descriptionColor, borderRadius = 10, style, textStyle, descriptionStyle, iconContainerStyle, closeButtonStyle, overlayStyle, }) => {
+    const slideAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(position === 'top' ? -120 : 120)).current;
+    const opacityAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    const swipeX = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    const swipeY = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    const timerRef = (0, react_1.useRef)(null);
+    const isAnimatingOut = (0, react_1.useRef)(false);
+    const colors = TYPE_COLORS[type];
+    const bgColor = backgroundColor ?? colors.bg;
+    const txtColor = textColor ?? colors.text;
+    const descColor = descriptionColor ?? txtColor;
+    const isManualOrBoth = dismiss === 'manual' || dismiss === 'both';
+    const animateOut = (0, react_1.useCallback)((direction) => {
+        if (isAnimatingOut.current)
+            return;
+        isAnimatingOut.current = true;
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+        const swipeAnimations = [];
+        if (direction === 'left') {
+            swipeAnimations.push(react_native_1.Animated.timing(swipeX, { toValue: -SCREEN_WIDTH, duration: 250, useNativeDriver: true }));
+        }
+        else if (direction === 'right') {
+            swipeAnimations.push(react_native_1.Animated.timing(swipeX, { toValue: SCREEN_WIDTH, duration: 250, useNativeDriver: true }));
+        }
+        else if (direction === 'up') {
+            swipeAnimations.push(react_native_1.Animated.timing(swipeY, { toValue: -300, duration: 250, useNativeDriver: true }));
+        }
+        else if (direction === 'down') {
+            swipeAnimations.push(react_native_1.Animated.timing(swipeY, { toValue: 300, duration: 250, useNativeDriver: true }));
+        }
+        react_native_1.Animated.parallel([
+            ...swipeAnimations,
+            react_native_1.Animated.timing(slideAnim, {
+                toValue: position === 'top' ? -120 : 120,
+                duration: direction ? 0 : 250,
+                useNativeDriver: true,
+            }),
+            react_native_1.Animated.timing(opacityAnim, {
+                toValue: 0,
+                duration: 250,
+                useNativeDriver: true,
+            }),
+        ]).start(() => {
+            isAnimatingOut.current = false;
+            swipeX.setValue(0);
+            swipeY.setValue(0);
+            onHide();
+        });
+    }, [slideAnim, opacityAnim, swipeX, swipeY, position, onHide]);
+    const animateIn = (0, react_1.useCallback)(() => {
+        isAnimatingOut.current = false;
+        swipeX.setValue(0);
+        swipeY.setValue(0);
+        slideAnim.setValue(position === 'top' ? -120 : 120);
+        opacityAnim.setValue(0);
+        react_native_1.Animated.parallel([
+            react_native_1.Animated.timing(slideAnim, {
+                toValue: 0,
+                duration: 300,
+                useNativeDriver: true,
+            }),
+            react_native_1.Animated.timing(opacityAnim, {
+                toValue: 1,
+                duration: 300,
+                useNativeDriver: true,
+            }),
+        ]).start();
+    }, [slideAnim, opacityAnim, swipeX, swipeY, position]);
+    (0, react_1.useEffect)(() => {
+        if (visible) {
+            animateIn();
+            if (dismiss === 'auto' || dismiss === 'both') {
+                timerRef.current = setTimeout(() => animateOut(), duration);
+            }
+        }
+        else {
+            slideAnim.setValue(position === 'top' ? -120 : 120);
+            opacityAnim.setValue(0);
+        }
+        return () => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+        };
+    }, [visible, dismiss, duration, position]);
+    const panResponder = (0, react_1.useRef)(react_native_1.PanResponder.create({
+        onStartShouldSetPanResponder: () => swipeable && isManualOrBoth,
+        onMoveShouldSetPanResponder: (_, gs) => {
+            if (!swipeable || !isManualOrBoth)
+                return false;
+            const { dx, dy } = gs;
+            if (swipeDirection === 'horizontal')
+                return Math.abs(dx) > 5;
+            if (swipeDirection === 'vertical')
+                return Math.abs(dy) > 5;
+            return Math.abs(dx) > 5 || Math.abs(dy) > 5;
+        },
+        onPanResponderMove: (_, gs) => {
+            if (swipeDirection === 'horizontal' || swipeDirection === 'both') {
+                swipeX.setValue(gs.dx);
+            }
+            if (swipeDirection === 'vertical' || swipeDirection === 'both') {
+                swipeY.setValue(gs.dy);
+            }
+        },
+        onPanResponderRelease: (_, gs) => {
+            const { dx, dy, vx, vy } = gs;
+            const swipedH = (swipeDirection === 'horizontal' || swipeDirection === 'both') &&
+                (Math.abs(dx) > swipeThreshold || Math.abs(vx) > 0.8);
+            const swipedV = (swipeDirection === 'vertical' || swipeDirection === 'both') &&
+                (Math.abs(dy) > swipeThreshold || Math.abs(vy) > 0.8);
+            if (swipedH) {
+                animateOut(dx > 0 ? 'right' : 'left');
+            }
+            else if (swipedV) {
+                animateOut(dy > 0 ? 'down' : 'up');
+            }
+            else {
+                react_native_1.Animated.parallel([
+                    react_native_1.Animated.spring(swipeX, { toValue: 0, useNativeDriver: true, bounciness: 5 }),
+                    react_native_1.Animated.spring(swipeY, { toValue: 0, useNativeDriver: true, bounciness: 5 }),
+                ]).start();
+            }
+        },
+    })).current;
+    if (!visible)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { transparent: true, visible: visible, animationType: "none", statusBarTranslucent: true, onRequestClose: isManualOrBoth ? () => animateOut() : undefined, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+                styles.overlay,
+                position === 'bottom' ? styles.overlayBottom : styles.overlayTop,
+                overlayStyle, // ← full overlay override
+            ], pointerEvents: "box-none", children: (0, jsx_runtime_1.jsxs)(react_native_1.Animated.View, { style: [
+                    styles.toast,
+                    {
+                        backgroundColor: bgColor,
+                        borderRadius, // ← from prop
+                        transform: [
+                            { translateY: react_native_1.Animated.add(slideAnim, swipeY) },
+                            { translateX: swipeX },
+                        ],
+                        opacity: opacityAnim,
+                    },
+                    style, // ← full toast override
+                ], ...panResponder.panHandlers, children: [icon && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.iconContainer, iconContainerStyle], children: icon })), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.textContainer, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.text, { color: txtColor }, textStyle], children: text }), description && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                                    styles.description,
+                                    { color: descColor },
+                                    descriptionStyle,
+                                ], children: description }))] }), isManualOrBoth && ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: () => animateOut(), style: [styles.closeButton, closeButtonStyle], hitSlop: 10, accessibilityLabel: "Dismiss notification", accessibilityRole: "button", children: closeIcon ?? (0, jsx_runtime_1.jsx)(DefaultCloseIcon, {}) }))] }) }) }));
+};
+exports.Toast = Toast;
+exports.default = exports.Toast;
+const styles = react_native_1.StyleSheet.create({
+    overlay: {
+        flex: 1,
+        alignItems: 'center',
+        backgroundColor: 'transparent',
+    },
+    overlayTop: {
+        justifyContent: 'flex-start',
+        paddingTop: 50,
+    },
+    overlayBottom: {
+        justifyContent: 'flex-end',
+        paddingBottom: 50,
+    },
+    toast: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        maxWidth: SCREEN_WIDTH - 40,
+        width: SCREEN_WIDTH - 40,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.2,
+        shadowRadius: 6,
+        elevation: 6,
+        gap: 10,
+    },
+    iconContainer: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    textContainer: {
+        flex: 1,
+        gap: 2,
+    },
+    text: {
+        fontSize: 14,
+        fontWeight: '600',
+    },
+    description: {
+        fontSize: 12,
+        fontWeight: '400',
+        opacity: 0.85,
+    },
+    closeButton: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginLeft: 4,
+    },
+    defaultCloseIcon: {
+        fontSize: 14,
+        color: '#FFFFFF',
+        fontWeight: '600',
+    },
+});
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"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"}

package/dist/components/Toast/Toast.types.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { TextStyle, ViewStyle } from 'react-native';
+export type ToastType = 'success' | 'error' | 'info' | 'warning';
+export type ToastPosition = 'top' | 'bottom';
+export type ToastDismiss = 'auto' | 'manual' | 'both';
+export type SwipeDirection = 'horizontal' | 'vertical' | 'both';
+export interface ToastProps {
+    visible: boolean;
+    onHide: () => void;
+    text: string;
+    description?: string;
+    type?: ToastType;
+    position?: ToastPosition;
+    dismiss?: ToastDismiss;
+    duration?: number;
+    swipeable?: boolean;
+    swipeDirection?: SwipeDirection;
+    swipeThreshold?: number;
+    icon?: ReactNode;
+    closeIcon?: ReactNode;
+    backgroundColor?: string;
+    textColor?: string;
+    descriptionColor?: string;
+    borderRadius?: number;
+    style?: ViewStyle;
+    textStyle?: TextStyle;
+    descriptionStyle?: TextStyle;
+    iconContainerStyle?: ViewStyle;
+    closeButtonStyle?: ViewStyle;
+    overlayStyle?: ViewStyle;
+}
+//# sourceMappingURL=Toast.types.d.ts.map

package/dist/components/Toast/Toast.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AACjE,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC7C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IAEnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B"}

package/dist/components/Toast/Toast.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Toast.types.js.map

package/dist/components/Toast/Toast.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.types.js","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export { Toast } from './Toast';
+export type { ToastProps, ToastType, ToastPosition, ToastDismiss } from './Toast.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Toast/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = void 0;
+var Toast_1 = require("./Toast");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return Toast_1.Toast; } });
+//# sourceMappingURL=index.js.map

package/dist/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}

package/dist/components/index.d.ts

@@ -5,4 +5,6 @@ export * from './ImagePreview';
 export * from './HeaderWithBack';
 export * from './EmptyState';
 export * from './PhoneInput';
+export * from './Toast';
+export * from './Fab';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC"}

package/dist/components/index.js

@@ -21,4 +21,6 @@ __exportStar(require("./ImagePreview"), exports);
 __exportStar(require("./HeaderWithBack"), exports);
 __exportStar(require("./EmptyState"), exports);
 __exportStar(require("./PhoneInput"), exports);
+__exportStar(require("./Toast"), exports);
+__exportStar(require("./Fab"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,yCAAuB;AACvB,gDAA8B;AAC9B,iDAA+B;AAC/B,mDAAgC;AAChC,+CAA6B;AAC7B,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,yCAAuB;AACvB,gDAA8B;AAC9B,iDAA+B;AAC/B,mDAAgC;AAChC,+CAA6B;AAC7B,+CAA6B;AAC7B,0CAAwB;AACxB,wCAAsB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prizmux",
-  "version": "1.3.02",
+  "version": "1.4.01",
   "description": "A smooth and modern UI component library for React Native",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -71,10 +71,10 @@
     "prizmux"
   ],
   "author": "Lukwago Joel Jr",
-   "license": "MIT",
+  "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/contecfy/prizmux"
+    "url": "git+https://github.com/contecfy/prizmux.git"
   },
   "peerDependencies": {
     "react": ">=16.8.0",