ownui-system 0.0.2 → 0.0.4

package/dist/components/Drawer/drawer-context.d.ts

@@ -1,19 +0,0 @@
-import { HTMLMotionProps } from "framer-motion";
-import { ComponentProps } from "react";
-import Drawer from "./drawer";
-type DrawerProps = ComponentProps<typeof Drawer>;
-type DrawerContextValue = {
-    isOpen: DrawerProps["isOpen"];
-    placement?: "top" | "bottom" | "left" | "right";
-    motionVariant?: HTMLMotionProps<"div">["variants"];
-    zIndex?: number;
-    drawerId: string;
-    onOpenChange: (isOpen: boolean) => void;
-};
-declare function useContext(): DrawerContextValue;
-export declare function useDrawerContext(): {
-    DrawerProvider: import("react").Provider<DrawerContextValue | undefined>;
-    useContext: typeof useContext;
-    Context: import("react").Context<DrawerContextValue | undefined>;
-};
-export {};

package/dist/components/Drawer/drawer-transition.d.ts

@@ -1,64 +0,0 @@
-export declare const SlideInOutFromTop: {
-    enter: {
-        y: number;
-        transition: {
-            duration: number;
-            ease: string;
-        };
-    };
-    exit: {
-        y: string;
-        transition: {
-            duration: number;
-            ease: string;
-        };
-    };
-};
-export declare const SlideInOutFromBottom: {
-    enter: {
-        y: number;
-        transition: {
-            duration: number;
-            ease: string;
-        };
-    };
-    exit: {
-        y: string;
-        transition: {
-            duration: number;
-            ease: string;
-        };
-    };
-};
-export declare const SlideInOutFromLeft: {
-    enter: {
-        x: number;
-        transition: {
-            duration: number;
-            ease: string;
-        };
-    };
-    exit: {
-        x: string;
-        transition: {
-            duration: number;
-            ease: string;
-        };
-    };
-};
-export declare const SlideInOutFromRight: {
-    enter: {
-        x: number;
-        transition: {
-            duration: number;
-            ease: string;
-        };
-    };
-    exit: {
-        x: string;
-        transition: {
-            duration: number;
-            ease: string;
-        };
-    };
-};

package/dist/components/Drawer/drawer.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { HTMLMotionProps } from "framer-motion";
-export type DrawerProps = {
-    onOpenChange: (isOpen: boolean) => void;
-    isOpen: boolean;
-    children?: React.ReactNode;
-    placement?: "top" | "bottom" | "left" | "right";
-    zIndex?: number;
-    drawerId?: string;
-    allowCloseOnClickBackDrop?: boolean;
-    motionVariant?: HTMLMotionProps<"div">["variants"];
-};
-declare function Drawer({ children, motionVariant, allowCloseOnClickBackDrop, zIndex, placement, drawerId, ...restProps }: DrawerProps): import("react/jsx-runtime").JSX.Element;
-export default Drawer;

package/dist/components/Drawer/hook/useDrawer.d.ts

@@ -1,20 +0,0 @@
-import { HTMLMotionProps } from "framer-motion";
-type UseDrawerProps = {
-    isOpen: boolean;
-    placement?: "top" | "bottom" | "left" | "right";
-    motionVariant?: HTMLMotionProps<"div">["variants"];
-    zIndex?: number;
-    drawerId: string;
-    onOpen?: () => void;
-    onClose?: () => void;
-    onOpenChange: (isOpen: boolean) => void;
-};
-declare function useDrawer({ isOpen, placement, motionVariant, zIndex, drawerId, onOpen, onClose, onOpenChange, }: UseDrawerProps): {
-    isOpen: boolean;
-    placement: "bottom" | "left" | "right" | "top" | undefined;
-    motionVariant: import("framer-motion").Variants | undefined;
-    zIndex: number | undefined;
-    drawerId: string;
-    onOpenChange: (isOpen: boolean) => void;
-};
-export default useDrawer;

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

@@ -1,2 +0,0 @@
-export { default as Drawer } from "./drawer";
-export { default as DrawerContent } from "./drawer-content";

package/dist/components/Dropdown/Dropdown.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-import Dropdown from "./dropdown";
-declare const meta: {
-    title: string;
-    component: typeof Dropdown;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/Dropdown/dropdown-body.d.ts

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

package/dist/components/Dropdown/dropdown-content.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-type DropdownContentProps = {
-    children: React.ReactNode;
-};
-declare function DropdownContent({ children }: DropdownContentProps): import("react/jsx-runtime").JSX.Element;
-export default DropdownContent;

package/dist/components/Dropdown/dropdown-context.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-type DropdownContextValue = {
-    isOpen: boolean;
-    selectedItem?: string;
-    color?: string;
-    onSelect: (name: string) => void;
-    onOpenChange: (isOpen: boolean) => void;
-};
-declare function useContext(): DropdownContextValue;
-export declare function useDropdownContext(): {
-    DropdownProvider: import("react").Provider<DropdownContextValue | undefined>;
-    useContext: typeof useContext;
-    Context: import("react").Context<DropdownContextValue | undefined>;
-};
-export {};

package/dist/components/Dropdown/dropdown-item.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-type DropdownItemProps = {
-    className?: string;
-    value: string;
-    children: React.ReactNode;
-    disabled?: boolean;
-};
-declare function DropdownItem({ children, value, className, disabled, }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
-export default DropdownItem;

package/dist/components/Dropdown/dropdown-transition.d.ts

@@ -1,20 +0,0 @@
-export declare const scaleInOut: {
-    enter: {
-        opacity: number;
-        scale: number;
-        transition: {
-            opacity: {
-                duration: number;
-                ease: string;
-            };
-        };
-    };
-    exit: {
-        opacity: number;
-        scale: number;
-        transition: {
-            duration: number;
-            ease: string;
-        };
-    };
-};

package/dist/components/Dropdown/dropdown-trigger.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-type DropdownTriggerProps = {
-    children: React.ReactNode;
-};
-declare function DropdownTrigger({ children }: DropdownTriggerProps): import("react/jsx-runtime").JSX.Element;
-export default DropdownTrigger;

package/dist/components/Dropdown/dropdown.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-interface DropdownProps {
-    selectedItem: string;
-    trigger: React.ReactNode;
-    content?: React.ReactNode;
-    color?: string;
-    onSelect: (name: string) => void;
-}
-declare function Dropdown({ trigger, content, selectedItem, color, onSelect, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
-export default Dropdown;

package/dist/components/Dropdown/hook/useDropdown.d.ts

@@ -1,17 +0,0 @@
-type UseDropdownProps = {
-    isOpen: boolean;
-    selectedItem: string;
-    color?: string;
-    onSelect: (name: string) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-    onOpenChange: (isOpen: boolean) => void;
-};
-declare function useDropdown({ isOpen, selectedItem, color, onOpen, onClose, onSelect, onOpenChange, }: UseDropdownProps): {
-    isOpen: boolean;
-    selectedItem: string;
-    color: string | undefined;
-    onSelect: (name: string) => void;
-    onOpenChange: (isOpen: boolean) => void;
-};
-export default useDropdown;

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

@@ -1,3 +0,0 @@
-export { default as Dropdown } from "./dropdown";
-export { default as DropdownBody } from "./dropdown-body";
-export { default as DropdownItem } from "./dropdown-item";

package/dist/components/Input/Input.stories.d.ts

@@ -1,37 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-import Input from '.';
-declare const meta: {
-    title: string;
-    component: typeof Input;
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        inValid: {
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            control: {
-                type: string;
-            };
-        };
-        left: {
-            if: {
-                arg: string;
-                exists: true;
-            };
-        };
-        right: {
-            if: {
-                arg: string;
-                exists: true;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/Input/Input.style.d.ts

@@ -1,7 +0,0 @@
-export declare const baseStyle = "rounded-[10px] border-solid border-[1px] border-[#ebebeb] box-border px-[15px] py-[10px]";
-export declare const inValidStyle = "rounded-[10px] border-solid border-[1px]  border-[#ea3a3d] box-border px-[15px] py-[10px]";
-export declare const inputSizeMap: {
-    small: string;
-    medium: string;
-    large: string;
-};

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

@@ -1,9 +0,0 @@
-import { ComponentProps, ReactNode } from "react";
-interface InputProps extends Omit<ComponentProps<"input">, "size"> {
-    left?: ReactNode;
-    right?: ReactNode;
-    size?: "small" | "medium" | "large";
-    inValid?: boolean;
-}
-declare function Input({ className, size, type, left, right, disabled, inValid, style, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
-export default Input;

package/dist/components/Modal/Modal.stories.d.ts

@@ -1,12 +0,0 @@
-import { Modal } from '.';
-import type { StoryObj } from "@storybook/react";
-declare const meta: {
-    title: string;
-    component: typeof Modal;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/Modal/hook/useModal.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { HTMLMotionProps } from "framer-motion";
-type UseModalProps = {
-    hideCloseButton?: boolean;
-    closeButton?: React.ReactNode;
-    className?: string;
-    isOpen: boolean;
-    placement?: "center" | "bottom" | "top";
-    motionVariant?: HTMLMotionProps<"div">["variants"];
-    zIndex: number;
-    onOpenChange: (isOpen: boolean) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-};
-declare function useModal({ hideCloseButton, closeButton, isOpen, placement, motionVariant, zIndex, onOpen, onClose, onOpenChange, }: UseModalProps): {
-    isOpen: boolean;
-    placement: "center" | "bottom" | "top" | undefined;
-    hideCloseButton: boolean | undefined;
-    closeButton: import("react").ReactNode;
-    motionVariant: import("framer-motion").Variants | undefined;
-    zIndex: number;
-    onOpenChange: (isOpen: boolean) => void;
-};
-export default useModal;

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

@@ -1,5 +0,0 @@
-export { default as Modal } from "./modal";
-export { default as ModalContent } from "./modal-content";
-export { default as ModalHeader } from "./modal-header";
-export { default as ModalBody } from "./modal-body";
-export { default as ModalFooter } from "./modal-footer";

package/dist/components/Modal/modal-body.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from "react";
-type ModalBodyProps = {
-    className?: string;
-} & PropsWithChildren;
-declare function ModalBody({ className, children }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;
-export default ModalBody;

package/dist/components/Modal/modal-content.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export interface ModalContentProps {
-    children: React.ReactNode | ((onClose: () => void) => React.ReactNode);
-    disableAnimation?: boolean;
-    className?: string;
-}
-declare function ModalContent({ children, className, }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
-export default ModalContent;

package/dist/components/Modal/modal-context.d.ts

@@ -1,22 +0,0 @@
-import { HTMLMotionProps } from "framer-motion";
-import { ComponentProps } from "react";
-import Modal from "./modal";
-type ModalProps = ComponentProps<typeof Modal>;
-type ModalPropsContextValue = {
-    isOpen: ModalProps["isOpen"];
-    hideCloseButton: boolean | undefined;
-    closeButton: React.ReactNode;
-    placement?: "center" | "bottom" | "top";
-    motionVariant?: HTMLMotionProps<"div">["variants"];
-    zIndex: number;
-    onClose?: () => void;
-    onOpen?: () => void;
-    onOpenChange: (isOpen: boolean) => void;
-};
-declare function useContext(): ModalPropsContextValue;
-export declare function useModalContext(): {
-    ModalProvider: import("react").Provider<ModalPropsContextValue | undefined>;
-    useContext: typeof useContext;
-    Context: import("react").Context<ModalPropsContextValue | undefined>;
-};
-export {};

package/dist/components/Modal/modal-footer.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from "react";
-type ModalFooterProps = {
-    className?: string;
-} & PropsWithChildren;
-declare function ModalFooter({ className, children }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
-export default ModalFooter;

package/dist/components/Modal/modal-header.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from "react";
-type ModalBodyProps = {
-    className?: string;
-} & PropsWithChildren;
-declare function ModalHeader({ children, className }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;
-export default ModalHeader;

package/dist/components/Modal/modal-transition.d.ts

@@ -1,46 +0,0 @@
-export declare const scaleInOut: {
-    enter: {
-        opacity: number;
-        x: string;
-        y: string;
-        transition: {
-            opacity: {
-                duration: number;
-                ease: string;
-            };
-        };
-    };
-    exit: {
-        opacity: number;
-        x: string;
-        y: string;
-        transition: {
-            duration: number;
-            ease: string;
-        };
-    };
-};
-export declare const slideInOut: {
-    enter: {
-        y: number;
-        x: string;
-        transition: {
-            y: {
-                bounce: number;
-                duration: number;
-                ease: string;
-            };
-        };
-    };
-    exit: {
-        y: string;
-        x: string;
-        transition: {
-            y: {
-                bounce: number;
-                duration: number;
-                ease: string;
-            };
-        };
-    };
-};

package/dist/components/Modal/modal.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { HTMLMotionProps } from "framer-motion";
-export type ModalProps = {
-    onClose?: () => void;
-    onOpen?: () => void;
-    onOpenChange: (isOpen: boolean) => void;
-    isOpen: boolean;
-    removeDimmer?: boolean;
-    hideCloseButton?: boolean;
-    allowCloseOnClickBackDrop?: boolean;
-    children?: React.ReactNode;
-    closeButton?: React.ReactNode;
-    placement?: "top" | "bottom" | "center";
-    zIndex?: number;
-    modalId?: string;
-    motionVariant?: HTMLMotionProps<"div">["variants"];
-};
-declare function Modal({ children, removeDimmer, zIndex, allowCloseOnClickBackDrop, motionVariant, ...restProps }: ModalProps): import("react/jsx-runtime").JSX.Element;
-export default Modal;

package/dist/components/Popover/Popover.stories.d.ts

@@ -1,32 +0,0 @@
-import { Popover } from '.';
-import type { StoryObj } from "@storybook/react";
-declare const meta: {
-    title: string;
-    component: typeof Popover;
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        children: {
-            if: {
-                arg: string;
-                exists: false;
-            };
-        };
-        isOpen: {
-            if: {
-                arg: string;
-                exists: false;
-            };
-        };
-        motionVariant: {
-            if: {
-                arg: string;
-                exists: true;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/components/Popover/hook/usePopover.d.ts

@@ -1,38 +0,0 @@
-import { HTMLMotionProps } from "framer-motion";
-type UsePopoverProps = {
-    isOpen: boolean;
-    zIndex: number;
-    className?: string;
-    placement?: "top" | "bottom" | "left" | "right";
-    motionVariant?: HTMLMotionProps<"div">["variants"];
-    onOpenChange: (isOpen: boolean) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-};
-declare function usePopover({ isOpen, zIndex, placement, motionVariant, onOpen, onClose, onOpenChange, }: UsePopoverProps): {
-    isOpen: boolean;
-    placement: "bottom" | "left" | "right" | "top" | undefined;
-    motionVariant: import("framer-motion").Variants | {
-        enter: {
-            opacity: number;
-            scale: number;
-            transition: {
-                opacity: {
-                    duration: number;
-                    ease: string;
-                };
-            };
-        };
-        exit: {
-            opacity: number;
-            scale: number;
-            transition: {
-                duration: number;
-                ease: string;
-            };
-        };
-    };
-    zIndex: number;
-    onOpenChange: (isOpen: boolean) => void;
-};
-export default usePopover;

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

@@ -1,3 +0,0 @@
-export { default as Popover } from "./popover";
-export { default as PopoverContent } from "./popover-content";
-export { default as PopoverTrigger } from "./popover-trigger";

package/dist/components/Popover/popover-content.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-type PopoverContentProps = {
-    children: React.ReactNode | ((onClose: () => void) => React.ReactNode);
-};
-declare function PopoverContent({ children }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
-export default PopoverContent;

package/dist/components/Popover/popover-context.d.ts

@@ -1,20 +0,0 @@
-import { HTMLMotionProps } from "framer-motion";
-import { ComponentProps } from "react";
-import Popover from "./popover";
-type PopoverProps = ComponentProps<typeof Popover>;
-type PopoverPropsContextValue = {
-    isOpen: PopoverProps["isOpen"];
-    placement?: "top" | "bottom" | "left" | "right";
-    motionVariant?: HTMLMotionProps<"div">["variants"];
-    zIndex: number;
-    onClose?: () => void;
-    onOpen?: () => void;
-    onOpenChange: (isOpen: boolean) => void;
-};
-declare function useContext(): PopoverPropsContextValue;
-export declare function usePopoverContext(): {
-    PopoverProvider: import("react").Provider<PopoverPropsContextValue | undefined>;
-    useContext: typeof useContext;
-    Context: import("react").Context<PopoverPropsContextValue | undefined>;
-};
-export {};

package/dist/components/Popover/popover-transition.d.ts

@@ -1,20 +0,0 @@
-export declare const scaleInOut: {
-    enter: {
-        opacity: number;
-        scale: number;
-        transition: {
-            opacity: {
-                duration: number;
-                ease: string;
-            };
-        };
-    };
-    exit: {
-        opacity: number;
-        scale: number;
-        transition: {
-            duration: number;
-            ease: string;
-        };
-    };
-};

package/dist/components/Popover/popover-trigger.d.ts

@@ -1,3 +0,0 @@
-import { PropsWithChildren } from "react";
-declare function PopoverTrigger({ children }: PropsWithChildren): import("react").FunctionComponentElement<any>;
-export default PopoverTrigger;

package/dist/components/Popover/popover.d.ts

@@ -1,29 +0,0 @@
-import { HTMLMotionProps } from "framer-motion";
-import { ReactNode } from "react";
-export interface PopoverProps {
-    id?: string;
-    children: ReactNode[];
-    isOpen: boolean;
-    zIndex?: number;
-    offset?: number;
-    placement?: "top" | "bottom" | "left" | "right";
-    motionVariant?: HTMLMotionProps<"div">["variants"];
-    onOpenChange: (isOpen: boolean) => void;
-}
-/**
- * @example
- * <Popover
- *   isOpen={isOpen}
- *   onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}
- *   offset={-70}
- * >
- *   <PopoverTrigger>
- *     <Button className=" bg-slate-600">Open Popover</Button>
- *   </PopoverTrigger>
- *   <PopoverContent>
- *     <div className=" bg-slate-500 p-[10px]">popover content</div>
- *   </PopoverContent>
- * </Popover>
- */
-declare function Popover({ children, id, placement, zIndex, offset, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
-export default Popover;

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

@@ -1,10 +0,0 @@
-import { CSSProperties, ReactNode } from "react";
-interface SkeletinProps {
-    width: CSSProperties["width"];
-    height: CSSProperties["height"];
-    borderRadius?: CSSProperties["borderRadius"];
-    children?: ReactNode;
-    className?: string;
-}
-declare function Skeleton({ className, children, width, height, borderRadius, }: SkeletinProps): import("react/jsx-runtime").JSX.Element;
-export default Skeleton;