infinity-ui-elements 1.9.15 → 1.9.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,90 @@
1
+ import * as React from "react";
2
+ export interface BottomSheetProps {
3
+ /**
4
+ * Whether the bottom sheet is open
5
+ */
6
+ isOpen: boolean;
7
+ /**
8
+ * Callback when the bottom sheet should close
9
+ */
10
+ onClose?: () => void;
11
+ /**
12
+ * Bottom sheet title - optional
13
+ */
14
+ title?: string;
15
+ /**
16
+ * Bottom sheet description/subtitle - optional
17
+ */
18
+ description?: string;
19
+ /**
20
+ * Bottom sheet footer content - optional
21
+ */
22
+ footer?: React.ReactNode;
23
+ /**
24
+ * Bottom sheet body content
25
+ */
26
+ children: React.ReactNode;
27
+ /**
28
+ * Style variant - "default" applies default styles, "unstyled" removes all default styling
29
+ */
30
+ variant?: "default" | "unstyled";
31
+ /**
32
+ * Whether to show the close button in header
33
+ */
34
+ showCloseButton?: boolean;
35
+ /**
36
+ * Whether to show the drag handle
37
+ */
38
+ showDragHandle?: boolean;
39
+ /**
40
+ * Whether clicking the overlay closes the bottom sheet
41
+ */
42
+ closeOnOverlayClick?: boolean;
43
+ /**
44
+ * Whether pressing Escape closes the bottom sheet
45
+ */
46
+ closeOnEscape?: boolean;
47
+ /**
48
+ * Whether swiping down closes the bottom sheet
49
+ */
50
+ closeOnSwipeDown?: boolean;
51
+ /**
52
+ * Maximum height of the bottom sheet (percentage or specific value)
53
+ */
54
+ maxHeight?: string;
55
+ /**
56
+ * Custom class name for the bottom sheet container
57
+ */
58
+ className?: string;
59
+ /**
60
+ * Custom class name for the bottom sheet content
61
+ */
62
+ contentClassName?: string;
63
+ /**
64
+ * Custom class name for the header
65
+ */
66
+ headerClassName?: string;
67
+ /**
68
+ * Custom class name for the body
69
+ */
70
+ bodyClassName?: string;
71
+ /**
72
+ * Custom class name for the footer
73
+ */
74
+ footerClassName?: string;
75
+ /**
76
+ * Custom class name for the overlay
77
+ */
78
+ overlayClassName?: string;
79
+ /**
80
+ * ARIA label for accessibility
81
+ */
82
+ ariaLabel?: string;
83
+ /**
84
+ * ARIA description for accessibility
85
+ */
86
+ ariaDescribedBy?: string;
87
+ }
88
+ declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
89
+ export { BottomSheet };
90
+ //# sourceMappingURL=BottomSheet.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,yFA0QhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -0,0 +1,28 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { BottomSheetProps } from "./BottomSheet";
3
+ declare const meta: {
4
+ title: string;
5
+ component: import("react").ForwardRefExoticComponent<BottomSheetProps & import("react").RefAttributes<HTMLDivElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ viewport: {
9
+ defaultViewport: string;
10
+ };
11
+ };
12
+ tags: string[];
13
+ };
14
+ export default meta;
15
+ type BottomSheetStoryArgs = Omit<BottomSheetProps, 'isOpen' | 'onClose'>;
16
+ type Story = StoryObj<Meta<Partial<BottomSheetStoryArgs>>>;
17
+ export declare const Default: Story;
18
+ export declare const WithDescription: Story;
19
+ export declare const WithFooter: Story;
20
+ export declare const WithLongContent: Story;
21
+ export declare const NoDragHandle: Story;
22
+ export declare const NoCloseButton: Story;
23
+ export declare const CustomHeight: Story;
24
+ export declare const DisableSwipeClose: Story;
25
+ export declare const DisableOverlayClose: Story;
26
+ export declare const Unstyled: Story;
27
+ export declare const MobileExample: Story;
28
+ //# sourceMappingURL=BottomSheet.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BottomSheet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAK9D,QAAA,MAAM,IAAI;;;;;;;;;;CAU0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAGpB,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;AACzE,KAAK,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAsB3D,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8C7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAWjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA4B3B,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { BottomSheet } from "./BottomSheet";
2
+ export type { BottomSheetProps } from "./BottomSheet";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}