ownui-system 0.0.1 → 0.0.2

package/README.md

@@ -22,7 +22,7 @@
 - [x] Drawer
 - [x] Dropdown
 - [x] Accordion
+- [x] BottomSheet
 - [ ] Tooltip
 - [ ] Radio / RadioGroup
 - [ ] Step
-- [ ] BottomSheet

package/dist/components/BottomSheet/bottomsheet-body.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface BottomSheetBodyProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function BottomSheetBody({ children, className }: BottomSheetBodyProps): import("react/jsx-runtime").JSX.Element;
+export default BottomSheetBody;

package/dist/components/BottomSheet/bottomsheet-contents.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+declare function BottomSheetContents({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export default BottomSheetContents;

package/dist/components/BottomSheet/bottomsheet-context.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+type BottomSheetContextValue = {
+    isOpen: boolean;
+    zIndex: number;
+    color: string;
+    onOpenChange: (isOpen: boolean) => void;
+};
+declare function useContext(): BottomSheetContextValue;
+export declare function useBottomSheetContext(): {
+    BottomSheetProvider: import("react").Provider<BottomSheetContextValue | undefined>;
+    useContext: typeof useContext;
+    Context: import("react").Context<BottomSheetContextValue | undefined>;
+};
+export {};

package/dist/components/BottomSheet/bottomsheet-header.d.ts

@@ -0,0 +1,3 @@
+import { ComponentProps } from "react";
+declare function BottomSheetHeader({ onPointerDown }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export default BottomSheetHeader;

package/dist/components/BottomSheet/bottomsheet-transition.d.ts

@@ -0,0 +1,23 @@
+export declare function bottomSheetOpenClose(viewPort: string, minHeight: string, maxHeight: string): {
+    opened: {
+        top: string;
+        transition: {
+            duration: number;
+            ease: string;
+        };
+    };
+    closed: {
+        top: string;
+        transition: {
+            duration: number;
+            ease: string;
+        };
+    };
+    expanded: {
+        top: string;
+        transition: {
+            duration: number;
+            ease: string;
+        };
+    };
+};

package/dist/components/BottomSheet/bottomsheet.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface BottomSheetProps {
+    isOpen: boolean;
+    removeDimmer?: boolean;
+    zIndex?: number;
+    children: React.ReactNode;
+    color?: string;
+    allowCloseOnClickBackDrop?: boolean;
+    onClose?: () => void;
+    onOpen?: () => void;
+    onOpenChange: (isOpen: boolean) => void;
+}
+declare function BottomSheet({ children, removeDimmer, isOpen, allowCloseOnClickBackDrop, color, zIndex, ...props }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+export default BottomSheet;

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

@@ -0,0 +1 @@
+export { default as BottomSheet } from "./bottomsheet";

package/dist/components/index.d.ts

@@ -15,3 +15,4 @@ export * from "./Drawer";
 export * from "./Modal";
 export * from "./Dropdown";
 export * from "./Popover";
+export * from "./BottomSheet";