@terreno/ui 0.0.1

package/dist/Radio.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from "react-native";
+import { useTheme } from "./Theme";
+export const Radio = ({ selected }) => {
+    const { theme } = useTheme();
+    return (_jsx(View, { style: {
+            alignItems: "center",
+            borderColor: theme.text.secondaryDark,
+            borderRadius: 12,
+            borderWidth: 1,
+            height: 16,
+            justifyContent: "center",
+            width: 16,
+        }, children: selected ? (_jsx(View, { style: {
+                backgroundColor: theme.text.secondaryDark,
+                borderRadius: 6,
+                height: 10,
+                width: 10,
+            } })) : null }));
+};
+//# sourceMappingURL=Radio.js.map

package/dist/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAC,QAAQ,EAAa,EAAsB,EAAE;IAClE,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa;YACrC,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,CAAC;YACd,MAAM,EAAE,EAAE;YACV,cAAc,EAAE,QAAQ;YACxB,KAAK,EAAE,EAAE;SACV,YAEA,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IACH,KAAK,EAAE;gBACL,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa;gBACzC,YAAY,EAAE,CAAC;gBACf,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,EAAE;aACV,GACD,CACH,CAAC,CAAC,CAAC,IAAI,GACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/RadioField.d.ts

@@ -0,0 +1,3 @@
+import type React from "react";
+import type { RadioFieldProps } from "./Common";
+export declare const RadioField: ({ title, options, value, onChange, variant, }: RadioFieldProps) => React.ReactElement;

package/dist/RadioField.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TouchableOpacity, View } from "react-native";
+import { Heading } from "./Heading";
+import { isMobileDevice } from "./MediaQuery";
+import { Radio } from "./Radio";
+import { Text } from "./Text";
+export const RadioField = ({ title, options, value, onChange, variant = "rightText", }) => {
+    return (_jsxs(View, { style: { gap: isMobileDevice() ? 16 : 8 }, children: [_jsx(Heading, { size: "sm", children: title }), options.map((option) => {
+                var _a, _b, _c, _d, _e;
+                return (_jsxs(TouchableOpacity, { accessibilityHint: `Select ${option} from list of options`, "aria-label": (_a = option.label) !== null && _a !== void 0 ? _a : option.value, "aria-role": "button", onPress: () => onChange(option.value), style: {
+                        flexDirection: "row",
+                        justifyContent: "space-between",
+                    }, children: [variant === "leftText" && _jsx(Text, { children: (_b = option.label) !== null && _b !== void 0 ? _b : option.value }), _jsx(Radio, { selected: option.value === value }, (_c = option.key) !== null && _c !== void 0 ? _c : option.value), variant === "rightText" && (_jsx(View, { style: { marginRight: 0 }, children: _jsx(Text, { children: (_d = option.label) !== null && _d !== void 0 ? _d : option.value }) }))] }, (_e = option.key) !== null && _e !== void 0 ? _e : option.value));
+            })] }));
+};
+//# sourceMappingURL=RadioField.js.map

package/dist/RadioField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../src/RadioField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAGpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,WAAW,GACL,EAAsB,EAAE;IACxC,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAC,aAC3C,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,YAAE,KAAK,GAAW,EACnC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;gBAAC,OAAA,CACvB,MAAC,gBAAgB,IACf,iBAAiB,EAAE,UAAU,MAAM,uBAAuB,gBAC9C,MAAA,MAAM,CAAC,KAAK,mCAAI,MAAM,CAAC,KAAK,eAC9B,QAAQ,EAElB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACrC,KAAK,EAAE;wBACL,aAAa,EAAE,KAAK;wBACpB,cAAc,EAAE,eAAe;qBAChC,aAEA,OAAO,KAAK,UAAU,IAAI,KAAC,IAAI,cAAE,MAAA,MAAM,CAAC,KAAK,mCAAI,MAAM,CAAC,KAAK,GAAQ,EACtE,KAAC,KAAK,IAAkC,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,KAAK,IAA5D,MAAA,MAAM,CAAC,GAAG,mCAAI,MAAM,CAAC,KAAK,CAAsC,EAC3E,OAAO,KAAK,WAAW,IAAI,CAC1B,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,CAAC,EAAC,YAC3B,KAAC,IAAI,cAAE,MAAA,MAAM,CAAC,KAAK,mCAAI,MAAM,CAAC,KAAK,GAAQ,GACtC,CACR,KAbI,MAAA,MAAM,CAAC,GAAG,mCAAI,MAAM,CAAC,KAAK,CAcd,CACpB,CAAA;aAAA,CAAC,IACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/ScrollView.d.ts

@@ -0,0 +1,2 @@
+import { ScrollView } from "react-native";
+export { ScrollView };

package/dist/ScrollView.js

@@ -0,0 +1,3 @@
+import { ScrollView } from "react-native";
+export { ScrollView };
+//# sourceMappingURL=ScrollView.js.map

package/dist/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../src/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/dist/SectionDivider.d.ts

@@ -0,0 +1,2 @@
+import type React from "react";
+export declare const SectionDivider: React.FC<{}>;

package/dist/SectionDivider.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from "react-native";
+import { useTheme } from "./Theme";
+export const SectionDivider = () => {
+    const { theme } = useTheme();
+    return (_jsx(View, { accessibilityRole: "none", "aria-hidden": true, style: {
+            backgroundColor: theme.primitives.neutral500,
+            height: 1,
+            width: "100%",
+        } }));
+};
+//# sourceMappingURL=SectionDivider.js.map

package/dist/SectionDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDivider.js","sourceRoot":"","sources":["../src/SectionDivider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAiB,GAAG,EAAE;IAC/C,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,OAAO,CACL,KAAC,IAAI,IACH,iBAAiB,EAAC,MAAM,iBACX,IAAI,EACjB,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;YAC5C,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;SACd,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/SegmentedControl.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { SegmentedControlProps } from "./Common";
+export declare const SegmentedControl: FC<SegmentedControlProps>;

package/dist/SegmentedControl.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { Pressable, View } from "react-native";
+import { Badge } from "./Badge";
+import { Heading } from "./Heading";
+import { Icon } from "./Icon";
+import { useTheme } from "./Theme";
+export const SegmentedControl = ({ items, onChange = () => { }, size = "md", selectedIndex, maxItems, badges = [], }) => {
+    const height = size === "md" ? 36 : 44;
+    const { theme } = useTheme();
+    const [startIndex, setStartIndex] = useState(0);
+    const handlePrevious = useCallback(() => {
+        setStartIndex((prev) => Math.max(0, prev - (maxItems !== null && maxItems !== void 0 ? maxItems : 4)));
+    }, [maxItems]);
+    const handleNext = useCallback(() => {
+        setStartIndex((prev) => Math.min(items.length - (maxItems !== null && maxItems !== void 0 ? maxItems : items.length), prev + (maxItems !== null && maxItems !== void 0 ? maxItems : 4)));
+    }, [items.length, maxItems]);
+    const visibleItems = maxItems ? items.slice(startIndex, startIndex + maxItems) : items;
+    const visibleBadges = maxItems ? badges.slice(startIndex, startIndex + maxItems) : badges;
+    const canScrollLeft = startIndex > 0;
+    const canScrollRight = maxItems ? startIndex + maxItems < items.length : false;
+    const shouldShowScrollButtons = maxItems ? maxItems < items.length : false;
+    return (_jsxs(View, { style: {
+            alignItems: "center",
+            display: "flex",
+            flexDirection: "row",
+            gap: 8,
+        }, children: [Boolean(shouldShowScrollButtons) && (_jsx(Pressable, { disabled: !canScrollLeft, onPress: handlePrevious, children: _jsx(Icon, { color: canScrollLeft ? "linkLight" : "extraLight", iconName: "chevron-left", size: "lg" }) })), _jsx(View, { style: {
+                    alignItems: "center",
+                    backgroundColor: theme.primitives.neutral300,
+                    borderRadius: theme.primitives.radius3xl,
+                    display: "flex",
+                    flexDirection: "row",
+                    flexGrow: 1,
+                    flexShrink: 1,
+                    height,
+                    maxHeight: height,
+                    overflow: "hidden",
+                }, children: _jsx(View, { style: {
+                        display: "flex",
+                        flexDirection: "row",
+                        flexGrow: 1,
+                        gap: 4,
+                        height: height - 4,
+                        paddingHorizontal: 4,
+                    }, children: visibleItems.map((item, index) => {
+                        var _a;
+                        const actualIndex = startIndex + index;
+                        return (_jsxs(Pressable, { "aria-role": "button", onPress: () => onChange(actualIndex), style: {
+                                alignItems: "center",
+                                backgroundColor: actualIndex === selectedIndex ? theme.surface.base : undefined,
+                                borderRadius: theme.primitives.radius3xl,
+                                display: "flex",
+                                flexBasis: 0,
+                                flexDirection: "row",
+                                flexGrow: 1,
+                                gap: 8,
+                                height: "100%",
+                                justifyContent: "center",
+                                overflow: "hidden",
+                                paddingHorizontal: 2,
+                            }, children: [_jsx(Heading, { size: "sm", children: item }), visibleBadges[index] && (_jsx(Badge, { status: (_a = visibleBadges[index].status) !== null && _a !== void 0 ? _a : "info", value: visibleBadges[index].count, variant: "numberOnly" }))] }, actualIndex));
+                    }) }) }), Boolean(shouldShowScrollButtons) && (_jsx(Pressable, { disabled: !canScrollRight, onPress: handleNext, children: _jsx(Icon, { color: canScrollRight ? "linkLight" : "extraLight", iconName: "chevron-right", size: "lg" }) }))] }));
+};
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/SegmentedControl.js.map

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

package/dist/SelectBadge.d.ts

@@ -0,0 +1,3 @@
+import type React from "react";
+import type { SelectBadgeProps } from "./Common";
+export declare const SelectBadge: ({ value, status, secondary, customBackgroundColor, customTextColor, customBorderColor, disabled, options, onChange, }: SelectBadgeProps) => React.ReactElement;

package/dist/SelectBadge.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Picker } from "@react-native-picker/picker";
+import { useCallback, useMemo, useState } from "react";
+import { Modal, Platform, Text, TouchableOpacity, View } from "react-native";
+import { Icon } from "./Icon";
+import { useTheme } from "./Theme";
+export const SelectBadge = ({ value, status = "info", secondary = false, customBackgroundColor, customTextColor, customBorderColor, disabled = false, options, onChange, }) => {
+    const { theme } = useTheme();
+    const [showPicker, setShowPicker] = useState(false);
+    // Temporary state to manage value changes for ios picker
+    // Assures the badge display value persists when user scrolls through options
+    const [iosDisplayValue, setIosDisplayValue] = useState(value);
+    const secondaryBorderColors = {
+        custom: "#AAAAAA",
+        error: "#F39E9E",
+        info: "#8FC1D2",
+        neutral: "#AAAAAA",
+        success: "#7FD898",
+        warning: "#FCC58F",
+    };
+    let borderWidth = 0;
+    if (secondary || status === "custom")
+        borderWidth = 1;
+    let badgeColor = "inverted";
+    if (secondary) {
+        if (status === "error")
+            badgeColor = "error";
+        else if (status === "warning")
+            badgeColor = "warning";
+        else if (status === "info")
+            badgeColor = "secondaryDark";
+        else if (status === "success")
+            badgeColor = "success";
+        else if (status === "neutral")
+            badgeColor = "primary";
+    }
+    let badgeBgColor = "neutralDark";
+    if (status === "error")
+        badgeBgColor = secondary ? "errorLight" : "error";
+    else if (status === "warning")
+        badgeBgColor = secondary ? "warningLight" : "warning";
+    else if (status === "info")
+        badgeBgColor = secondary ? "secondaryLight" : "secondaryDark";
+    else if (status === "success")
+        badgeBgColor = secondary ? "successLight" : "success";
+    else if (status === "neutral")
+        badgeBgColor = secondary ? "neutralLight" : "neutralDark";
+    const backgroundColor = status === "custom" ? customBackgroundColor : theme.surface[badgeBgColor];
+    const borderColor = status === "custom" ? customBorderColor : secondaryBorderColors[status];
+    const textColor = status === "custom" ? customTextColor : theme.text[badgeColor];
+    let leftOfChevronBorderColor = textColor;
+    if (status === "custom")
+        leftOfChevronBorderColor = customBorderColor !== null && customBorderColor !== void 0 ? customBorderColor : textColor;
+    else if (secondary)
+        leftOfChevronBorderColor = borderColor;
+    const findSelectedItem = useCallback((v) => {
+        if (v !== undefined && v !== null) {
+            return options.find((opt) => opt.value === v) || null;
+        }
+        return null;
+    }, [options]);
+    const displayVal = useMemo(() => {
+        var _a, _b;
+        return (_b = (_a = findSelectedItem(value)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "---";
+    }, [value, findSelectedItem]);
+    const handleOnChange = useCallback((val) => {
+        const selectedItem = findSelectedItem(val);
+        if (selectedItem) {
+            onChange(selectedItem.value);
+        }
+        setShowPicker(false);
+    }, [findSelectedItem, onChange]);
+    const renderPickerItems = useCallback(() => {
+        return options === null || options === void 0 ? void 0 : options.map((item) => (_jsx(Picker.Item, { label: item.label, value: item.value }, item.key || item.label)));
+    }, [options]);
+    const renderIosPicker = useCallback(() => {
+        const handleValueChangeIos = (itemValue) => {
+            setIosDisplayValue(itemValue);
+        };
+        const handleSave = () => {
+            if (iosDisplayValue && !disabled) {
+                handleOnChange(iosDisplayValue);
+            }
+            else {
+                setShowPicker(false);
+            }
+        };
+        const handleDismiss = () => {
+            setShowPicker(false);
+            setIosDisplayValue(value);
+        };
+        return (_jsx(Modal, { animationType: "slide", onRequestClose: handleDismiss, supportedOrientations: ["portrait", "landscape"], transparent: true, visible: showPicker, children: _jsxs(View, { style: { flex: 1, justifyContent: "flex-end" }, children: [_jsx(TouchableOpacity, { accessibilityHint: "Closes the picker modal", accessibilityLabel: "Dismiss picker modal", activeOpacity: 1, onPress: handleDismiss, style: { flex: 1 } }), _jsxs(View, { style: {
+                            backgroundColor: theme.surface.neutralLight,
+                            borderTopColor: theme.border.default,
+                            borderTopWidth: 1,
+                            height: 215,
+                        }, children: [_jsx(View, { style: {
+                                    alignItems: "center",
+                                    backgroundColor: "#f8f8f8",
+                                    height: 45,
+                                    justifyContent: "center",
+                                    width: "100%",
+                                }, children: _jsx(TouchableOpacity, { accessibilityHint: "Saves the selected value", accessibilityLabel: "Save selected value", "aria-role": "button", hitSlop: { bottom: 4, left: 4, right: 4, top: 4 }, onPress: handleSave, style: {
+                                        alignSelf: "flex-end",
+                                        paddingRight: 12,
+                                    }, children: _jsx(View, { children: _jsx(Text, { style: {
+                                                color: "#007aff",
+                                                fontSize: 17,
+                                                fontWeight: "600",
+                                                paddingTop: 1,
+                                            }, children: "Save" }) }) }) }), _jsx(Picker, { enabled: !disabled, onValueChange: handleValueChangeIos, selectedValue: iosDisplayValue, children: renderPickerItems() })] })] }) }));
+    }, [showPicker, iosDisplayValue, disabled, theme, value, handleOnChange, renderPickerItems]);
+    const renderPicker = useCallback(() => {
+        var _a, _b;
+        return (_jsx(Picker, { enabled: !disabled, onValueChange: handleOnChange, selectedValue: (_b = (_a = findSelectedItem(value)) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : undefined, style: [
+                {
+                    color: "transparent",
+                    height: "100%",
+                    opacity: 0,
+                    position: "absolute",
+                    width: "100%",
+                },
+                // Android headless picker: transparent overlay to capture touches without visible UI.
+                Platform.OS !== "web" && { backgroundColor: "transparent" },
+            ], children: renderPickerItems() }));
+    }, [disabled, findSelectedItem, value, handleOnChange, renderPickerItems]);
+    return (_jsxs(View, { style: { alignItems: "flex-start", opacity: disabled ? 0.5 : 1 }, children: [_jsx(TouchableOpacity, { accessibilityHint: "Opens the options picker", accessibilityLabel: "Open select badge options", "aria-role": "button", disabled: disabled, onPress: () => setShowPicker(!showPicker), children: _jsxs(View, { style: {
+                        alignItems: "center",
+                        display: "flex",
+                        flexDirection: "row",
+                        height: 20,
+                        width: "auto",
+                    }, children: [_jsx(View, { style: {
+                                alignItems: "center",
+                                backgroundColor,
+                                borderBottomLeftRadius: 4,
+                                borderColor,
+                                borderTopLeftRadius: 4,
+                                borderWidth,
+                                flexDirection: "row",
+                                height: 20,
+                                justifyContent: "center",
+                                paddingHorizontal: theme.spacing.sm,
+                                width: "auto",
+                            }, children: _jsx(Text, { style: {
+                                    color: textColor,
+                                    fontFamily: "text",
+                                    fontSize: 10,
+                                    fontWeight: "700",
+                                }, children: displayVal }) }), _jsx(View, { style: {
+                                alignItems: "center",
+                                backgroundColor,
+                                borderBottomRightRadius: 4,
+                                borderColor: leftOfChevronBorderColor,
+                                borderLeftWidth: 1,
+                                borderTopRightRadius: 4,
+                                borderWidth,
+                                flexDirection: "row",
+                                height: 20,
+                                justifyContent: "center",
+                                paddingHorizontal: theme.spacing.xs,
+                                paddingVertical: 1,
+                                width: "auto",
+                            }, children: _jsx(Icon, { color: textColor, iconName: showPicker ? "chevron-up" : "chevron-down", size: "sm" }) })] }) }), Platform.OS === "ios" ? renderIosPicker() : renderPicker()] }));
+};
+//# sourceMappingURL=SelectBadge.js.map

package/dist/SelectBadge.js.map

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

package/dist/SelectField.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+import type { SelectFieldProps } from "./Common";
+export declare const SelectField: FC<SelectFieldProps>;

package/dist/SelectField.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from "react-native";
+import { FieldError, FieldHelperText, FieldTitle } from "./fieldElements";
+import { RNPickerSelect } from "./PickerSelect";
+export const SelectField = ({ disabled = false, errorText, helperText, options, requireValue = false, placeholder = "Please select an option.", title, value, onChange, }) => {
+    const clearOption = { label: placeholder !== null && placeholder !== void 0 ? placeholder : "---", value: "" };
+    return (_jsxs(View, { children: [title && _jsx(FieldTitle, { text: title }), Boolean(errorText) && _jsx(FieldError, { text: errorText }), _jsx(RNPickerSelect, { disabled: disabled, items: options, onValueChange: (v) => {
+                    if (v === undefined || v === "") {
+                        onChange("");
+                    }
+                    else {
+                        onChange(v);
+                    }
+                }, placeholder: !requireValue ? clearOption : {}, value: value !== null && value !== void 0 ? value : "" }), helperText && _jsx(FieldHelperText, { text: helperText })] }));
+};
+//# sourceMappingURL=SelectField.js.map

package/dist/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../src/SelectField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAGlC,OAAO,EAAC,UAAU,EAAE,eAAe,EAAE,UAAU,EAAC,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,UAAU,EACV,OAAO,EACP,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,0BAA0B,EACxC,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,EAAC,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,KAAK,EAAE,EAAE,EAAC,CAAC;IAE7D,OAAO,CACL,MAAC,IAAI,eACF,KAAK,IAAI,KAAC,UAAU,IAAC,IAAI,EAAE,KAAK,GAAI,EACpC,OAAO,CAAC,SAAS,CAAC,IAAI,KAAC,UAAU,IAAC,IAAI,EAAE,SAAU,GAAI,EACvD,KAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,EACd,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;oBACnB,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;wBAChC,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACf,CAAC;yBAAM,CAAC;wBACN,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACd,CAAC;gBACH,CAAC,EACD,WAAW,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAC7C,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,GAClB,EACD,UAAU,IAAI,KAAC,eAAe,IAAC,IAAI,EAAE,UAAU,GAAI,IAC/C,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/SideDrawer.d.ts

@@ -0,0 +1,3 @@
+import { type ReactElement } from "react";
+import type { SideDrawerProps } from "./Common";
+export declare const SideDrawer: ({ position, isOpen, renderContent, onClose, onOpen, drawerType, children, drawerStyles, }: SideDrawerProps) => ReactElement;

package/dist/SideDrawer.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Platform, SafeAreaView } from "react-native";
+import { Drawer } from "react-native-drawer-layout";
+import { useTheme } from "./Theme";
+const DEFAULT_STYLES = {
+    borderColor: "gray",
+    borderWidth: 1,
+    height: "100%",
+    width: Platform.OS === "web" ? "40%" : "95%",
+};
+const addWebScroll = (isOpen) => {
+    if (Platform.OS === "web") {
+        return { display: isOpen ? "flex" : "none", overflow: "scroll" };
+    }
+    else {
+        return {};
+    }
+};
+export const SideDrawer = ({ position = "left", isOpen, renderContent, onClose = () => { }, onOpen = () => { }, drawerType = "front", children, drawerStyles = {}, }) => {
+    const { theme } = useTheme();
+    const renderDrawerContent = useCallback(() => {
+        return _jsx(SafeAreaView, { children: renderContent() });
+    }, [renderContent]);
+    return (_jsx(Drawer, { drawerPosition: position, drawerStyle: [
+            DEFAULT_STYLES,
+            { backgroundColor: theme.surface.neutralLight },
+            drawerStyles,
+            addWebScroll(isOpen),
+        ], drawerType: drawerType, onClose: onClose, onOpen: onOpen, open: isOpen, renderDrawerContent: renderDrawerContent, children: children }));
+};
+//# sourceMappingURL=SideDrawer.js.map

package/dist/SideDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideDrawer.js","sourceRoot":"","sources":["../src/SideDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,WAAW,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAiC,MAAM,cAAc,CAAC;AACpF,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAGlD,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,cAAc,GAAyB;IAC3C,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,CAAC;IACd,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;CAC7C,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,MAAe,EAAa,EAAE;IAClD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC;IACjE,CAAC;SAAM,CAAC;QACN,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,GAAG,MAAM,EACjB,MAAM,EACN,aAAa,EACb,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,UAAU,GAAG,OAAO,EACpB,QAAQ,EACR,YAAY,GAAG,EAAE,GACD,EAAgB,EAAE;IAClC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAiB,EAAE;QACzD,OAAO,KAAC,YAAY,cAAE,aAAa,EAAE,GAAgB,CAAC;IACxD,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,KAAC,MAAM,IACL,cAAc,EAAE,QAAQ,EACxB,WAAW,EAAE;YACX,cAAc;YACd,EAAC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,EAAC;YAC7C,YAAY;YACZ,YAAY,CAAC,MAAM,CAAC;SACrB,EACD,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,mBAAmB,EAAE,mBAAmB,YAEvC,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/Signature.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement } from "react";
+export interface SignatureProps {
+    onChange: (signature: string) => void;
+    onStart?: () => void;
+    onEnd?: () => void;
+    value?: string;
+}
+export declare const Signature: ({ onChange }: SignatureProps) => ReactElement | null;

package/dist/Signature.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Text, View } from "react-native";
+import SignatureCanvas from "react-signature-canvas";
+import { useTheme } from "./Theme";
+export const Signature = ({ onChange }) => {
+    const ref = useRef(null);
+    const { theme } = useTheme();
+    const onClear = () => {
+        var _a;
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.clear();
+    };
+    const onUpdatedSignature = () => {
+        var _a;
+        if ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.toDataURL()) {
+            onChange(ref.current.toDataURL());
+        }
+    };
+    return (_jsxs(View, { children: [_jsx(View, { style: { borderColor: theme.border.dark, borderWidth: 1, maxWidth: 300, width: "100%" }, children: _jsx(SignatureCanvas, { backgroundColor: theme.surface.base, onEnd: onUpdatedSignature, penColor: theme.text.secondaryDark, ref: ref }) }), _jsx(View, { children: _jsx(Text, { onPress: onClear, style: { color: theme.text.link, textDecorationLine: "underline" }, children: "Clear" }) })] }));
+};
+//# sourceMappingURL=Signature.js.map

package/dist/Signature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Signature.js","sourceRoot":"","sources":["../src/Signature.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,MAAM,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,eAAe,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AASjC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAiB,EAAuB,EAAE;IAC3E,MAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC1C,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,MAAM,OAAO,GAAG,GAAG,EAAE;;QACnB,MAAA,GAAG,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;;QAC9B,IAAI,MAAA,GAAG,CAAC,OAAO,0CAAE,SAAS,EAAE,EAAE,CAAC;YAC7B,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAC,YACzF,KAAC,eAAe,IACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EACnC,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa,EAClC,GAAG,EAAE,GAAG,GACR,GACG,EACP,KAAC,IAAI,cACH,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAC,sBAEjF,GACF,IACF,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/Signature.native.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from "react";
+interface Props {
+    onChange: (signature: string) => void;
+    onStart?: () => void;
+    onEnd?: () => void;
+}
+export declare const Signature: FC<Props>;
+export {};

package/dist/Signature.native.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Text, View } from "react-native";
+import SignatureScreen from "react-native-signature-canvas";
+import { useTheme } from "./Theme";
+const style = `.m-signature-pad--footer {display: none; margin: 0px;}`;
+export const Signature = ({ onChange, onStart, onEnd }) => {
+    const ref = useRef(null);
+    const { theme } = useTheme();
+    const handleClear = () => {
+        var _a;
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.clearSignature();
+    };
+    const onBegin = () => {
+        onStart === null || onStart === void 0 ? void 0 : onStart();
+    };
+    // Called after end of stroke. Kind of goofy if you ask me,
+    // but you need this in order to trigger the 'onOK' callback that gives us the actual image.
+    const handleEnd = () => {
+        var _a;
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.readSignature();
+        onEnd === null || onEnd === void 0 ? void 0 : onEnd();
+    };
+    return (_jsxs(View, { style: { minWidth: 220 }, children: [_jsx(View, { style: { borderColor: theme.border.dark, borderWidth: 1, minHeight: 90 }, children: _jsx(SignatureScreen, { backgroundColor: theme.surface.base, onBegin: onBegin, onEnd: handleEnd, onOK: (img) => onChange(img), ref: ref, trimWhitespace: true, webStyle: style }) }), _jsx(View, { style: { flexDirection: "row" }, children: _jsx(Text, { onPress: handleClear, style: { color: theme.text.link, textDecorationLine: "underline" }, children: "Clear" }) })] }));
+};
+//# sourceMappingURL=Signature.native.js.map

package/dist/Signature.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Signature.native.js","sourceRoot":"","sources":["../src/Signature.native.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,MAAM,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,eAAwC,MAAM,+BAA+B,CAAC;AAErF,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAQjC,MAAM,KAAK,GAAG,wDAAwD,CAAC;AAEvE,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAQ,EAAE,EAAE;IACxE,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,MAAM,WAAW,GAAG,GAAG,EAAE;;QACvB,MAAA,GAAG,CAAC,OAAO,0CAAE,cAAc,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;IACd,CAAC,CAAC;IAEF,2DAA2D;IAC3D,4FAA4F;IAC5F,MAAM,SAAS,GAAG,GAAG,EAAE;;QACrB,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,EAAE,CAAC;QAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAC,aAC1B,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAC,YAC1E,KAAC,eAAe,IACd,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EACnC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAC5B,GAAG,EAAE,GAAG,EACR,cAAc,QACd,QAAQ,EAAE,KAAK,GACf,GACG,EACP,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAC,YACjC,KAAC,IAAI,IACH,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAC,sBAG3D,GACF,IACF,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/SignatureField.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from "react";
+import type { SignatureFieldProps } from "./Common";
+export declare const SignatureField: ({ disabled, title, value, onChange, onStart, onEnd, disabledText, errorText, }: SignatureFieldProps) => ReactElement;

package/dist/SignatureField.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, View } from "react-native";
+import { Heading } from "./Heading";
+import { Icon } from "./Icon";
+import { Signature } from "./Signature";
+import { Text } from "./Text";
+import { useTheme } from "./Theme";
+// NOTE: When using this inside a ScrollView, you must set the scrollEnabled prop to false on the
+// ScrollView onStart and to true onEnd or it will try to scroll the whole view around this
+// component.
+export const SignatureField = ({ disabled = false, title = "Signature", value, onChange, onStart, onEnd, disabledText, errorText, }) => {
+    const { theme } = useTheme();
+    if (disabled) {
+        if (value) {
+            return (_jsxs(View, { children: [_jsx(Heading, { size: "sm", children: title }), _jsx(View, { style: { marginVertical: 8 }, children: SignatureImage(value) }), _jsx(Text, { size: "sm", children: disabledText })] }));
+        }
+        else {
+            // we don't have a value so should show a grayed out signature field as a box
+            // there is no disabled state for the Signature components
+            return (_jsxs(View, { children: [_jsx(View, { style: {
+                            backgroundColor: theme.surface.neutralLight,
+                            height: 90,
+                            marginVertical: 8,
+                            width: 300,
+                        } }), _jsx(Text, { size: "sm", children: disabledText })] }));
+        }
+    }
+    return (_jsxs(View, { children: [_jsx(Heading, { size: "sm", children: title }), Boolean(errorText) && (_jsxs(View, { style: { flexDirection: "row" }, children: [_jsx(Icon, { color: "error", iconName: "triangle-exclamation" }), _jsx(View, { style: { marginLeft: 4 }, children: _jsx(Text, { color: "error", children: errorText }) })] })), _jsx(View, { style: { marginVertical: 8 }, children: _jsx(Signature, { onChange: onChange, onEnd: () => {
+                        onEnd === null || onEnd === void 0 ? void 0 : onEnd();
+                    }, onStart: () => {
+                        onStart === null || onStart === void 0 ? void 0 : onStart();
+                    } }) })] }));
+};
+const SignatureImage = (image) => {
+    return (_jsx(Image, { accessibilityIgnoresInvertColors: false, resizeMode: "contain", source: { uri: image }, style: {
+            borderColor: "black",
+            borderWidth: 1,
+            height: 80,
+            width: 300,
+        } }));
+};
+//# sourceMappingURL=SignatureField.js.map

package/dist/SignatureField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureField.js","sourceRoot":"","sources":["../src/SignatureField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,iGAAiG;AACjG,2FAA2F;AAC3F,aAAa;AACb,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,WAAW,EACnB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,YAAY,EACZ,SAAS,GACW,EAAgB,EAAE;IACtC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CACL,MAAC,IAAI,eACH,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,YAAE,KAAK,GAAW,EACpC,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,cAAc,EAAE,CAAC,EAAC,YAAG,cAAc,CAAC,KAAK,CAAC,GAAQ,EAChE,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,YAAE,YAAY,GAAQ,IAChC,CACR,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,6EAA6E;YAC7E,0DAA0D;YAC1D,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,IACH,KAAK,EAAE;4BACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;4BAC3C,MAAM,EAAE,EAAE;4BACV,cAAc,EAAE,CAAC;4BACjB,KAAK,EAAE,GAAG;yBACX,GACD,EACF,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,YAAE,YAAY,GAAQ,IAChC,CACR,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAO,CACL,MAAC,IAAI,eACH,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,YAAE,KAAK,GAAW,EACnC,OAAO,CAAC,SAAS,CAAC,IAAI,CACrB,MAAC,IAAI,IAAC,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAC,aACjC,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAC,sBAAsB,GAAG,EACtD,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAC,YAC1B,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,YAAE,SAAS,GAAQ,GACjC,IACF,CACR,EACD,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,cAAc,EAAE,CAAC,EAAC,YAC9B,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,GAAG,EAAE;wBACV,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAC;oBACZ,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;oBACd,CAAC,GACD,GACG,IACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAgB,EAAE;IACrD,OAAO,CACL,KAAC,KAAK,IACJ,gCAAgC,EAAE,KAAK,EACvC,UAAU,EAAC,SAAS,EACpB,MAAM,EAAE,EAAC,GAAG,EAAE,KAAK,EAAC,EACpB,KAAK,EAAE;YACL,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,CAAC;YACd,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,GAAG;SACX,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/Slider.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+import type { SliderProps } from "./Common";
+export declare const Slider: FC<SliderProps>;