@code0-tech/pictor 0.1.0

package/dist/cjs/utils/types.d.ts

@@ -0,0 +1,4 @@
+export type Color = "primary" | "secondary" | "info" | "success" | "warning" | "error";
+export declare const Colors: Color[];
+export type Size = "xs" | "sm" | "md" | "lg" | "xl";
+export declare const Sizes: Size[];

package/dist/cjs/utils/utils.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from "react";
+export declare const getChild: (children: ReactNode | ReactNode[], child: React.FC<any>, required?: boolean) => React.ReactElement | undefined;
+export declare const getContent: (children: ReactNode | ReactNode[], ...child: React.FC<any>[]) => ReactNode[] | null;
+export interface Positioning {
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+}
+export declare const getWindowPositioning: () => Omit<Omit<Positioning, "x">, "y">;
+export declare const getPositioning: (node: HTMLElement) => Positioning;
+export declare const getPositionAroundTarget: (target: HTMLElement, element: HTMLElement, position?: 'top' | 'bottom' | 'left' | 'right') => {
+    position: string;
+    y: number;
+    x: number;
+};

package/dist/esm/components/FontSizes/Text.d.ts

@@ -0,0 +1,10 @@
+import React, { HTMLProps } from "react";
+import { Size } from "../../utils/types";
+import "./Text.style.scss";
+export interface FontType extends Omit<Omit<HTMLProps<HTMLSpanElement>, "children">, "size"> {
+    children: string;
+    size: Size;
+    hierarchy?: "primary" | "secondary" | "tertiary";
+}
+declare const Text: React.FC<FontType>;
+export default Text;

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

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+import "./Alert.style.scss";
+import { Color } from "../../utils/types";
+export interface AlertType {
+    children?: ReactNode | ReactNode[];
+    title: ReactNode;
+    color?: Color;
+    icon?: boolean;
+    dismissible?: boolean;
+    onClose?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+}
+declare const Alert: React.FC<AlertType>;
+export interface AlertHeadingType {
+    children: ReactNode;
+}
+export interface AlertIconType {
+    color: Color;
+}
+export default Alert;

package/dist/esm/components/badge/Badge.d.ts

@@ -0,0 +1,9 @@
+import React, { HTMLProps } from "react";
+import "./Badge.style.scss";
+import { Color } from "../../utils/types";
+export interface BadgeType extends HTMLProps<HTMLSpanElement> {
+    children: string;
+    color?: Color;
+}
+declare const Badge: React.FC<BadgeType>;
+export default Badge;

package/dist/esm/components/button/Button.d.ts

@@ -0,0 +1,17 @@
+import "./Button.style.scss";
+import React, { AnchorHTMLAttributes, DetailedHTMLProps, ReactNode } from "react";
+import { Color } from "../../utils/types";
+export interface ButtonType extends DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
+    children: ReactNode | ReactNode[];
+    color?: Color;
+    variant?: "none" | "normal" | "outlined" | "filled";
+    active?: boolean;
+    disabled?: boolean;
+}
+export interface ButtonIconType {
+    children: ReactNode;
+}
+declare const _default: React.FC<ButtonType> & {
+    Icon: React.FC<ButtonIconType>;
+};
+export default _default;

package/dist/esm/components/button-group/ButtonGroup.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactElement } from "react";
+import { ButtonType } from "../button/Button";
+import "./ButtonGroup.style.scss";
+export interface ButtonGroupType {
+    children: ReactElement<ButtonType>[];
+}
+declare const ButtonGroup: React.FC<ButtonGroupType>;
+export default ButtonGroup;

package/dist/esm/components/card/Card.d.ts

@@ -0,0 +1,20 @@
+import React, { HTMLProps, ReactNode } from "react";
+import "./Card.style.scss";
+import { Color } from "../../utils/types";
+export interface CardType extends HTMLProps<HTMLDivElement> {
+    children: ReactNode | ReactNode[];
+    color?: Color;
+    variant?: "none" | "normal" | "outlined" | "filled";
+    gradient?: boolean;
+    gradientPosition?: "top-left" | "top-right" | "bottom-right" | "bottom-left";
+    outline?: boolean;
+}
+export interface SectionType {
+    children: ReactNode | ReactNode[];
+    image?: boolean;
+    border?: boolean;
+}
+declare const _default: React.FC<CardType> & {
+    Section: React.FC<SectionType>;
+};
+export default _default;

package/dist/esm/components/col/Col.d.ts

@@ -0,0 +1,14 @@
+import React, { HTMLProps, ReactNode } from "react";
+import "./Col.style.scss";
+export type ColBreakPointRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export interface ColType extends HTMLProps<HTMLDivElement> {
+    children: ReactNode | ReactNode[];
+    xs?: ColBreakPointRange;
+    sm?: ColBreakPointRange;
+    md?: ColBreakPointRange;
+    lg?: ColBreakPointRange;
+    xl?: ColBreakPointRange;
+    xxl?: ColBreakPointRange;
+}
+declare const Col: React.FC<ColType>;
+export default Col;

package/dist/esm/components/container/Container.d.ts

@@ -0,0 +1,7 @@
+import React, { HTMLProps, ReactNode } from "react";
+import "./Container.style.scss";
+export interface ContainerType extends HTMLProps<HTMLDivElement> {
+    children: ReactNode | ReactNode[];
+}
+declare const Container: React.FC<ContainerType>;
+export default Container;

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

@@ -0,0 +1,24 @@
+import React, { ReactElement, ReactNode } from "react";
+import "./Dropdown.style.scss";
+export interface DropdownType {
+    children: ReactElement<DropdownTriggerType & DropdownMenuType>[];
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    align?: 'start' | 'center' | 'end';
+    maxWidthFactor?: number;
+}
+export interface DropdownTriggerType {
+    children: ReactNode;
+}
+export interface DropdownMenuType {
+    children: ReactNode;
+}
+declare const _default: React.FC<DropdownType> & {
+    Trigger: React.FC<DropdownTriggerType>;
+    Menu: React.FC<DropdownMenuType>;
+    Header: React.FC<import("./DropdownHeader").DropdownHeaderType>;
+    Footer: React.FC<import("./DropdownFooter").DropdownFooterType>;
+    Group: React.FC<import("./DropdownItemGroup").DropdownItemGroupType> & {
+        Item: React.FC<import("./DropdownItem").DropdownItemType>;
+    };
+};
+export default _default;

package/dist/esm/components/dropdown/DropdownFooter.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import "./Dropdown.style.scss";
+export interface DropdownFooterType {
+    children: ReactNode;
+}
+/**
+ * Component creates a separate footer with border top
+ * for further separation
+ *
+ * @author Nico Sammito
+ * @since 0.1.0
+ */
+export declare const DropdownFooter: React.FC<DropdownFooterType>;

package/dist/esm/components/dropdown/DropdownHeader.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import "./Dropdown.style.scss";
+export interface DropdownHeaderType {
+    children: ReactNode;
+}
+/**
+ * Component creates a separate header with border bottom
+ * for further separation
+ *
+ * @author Nico Sammito
+ * @since 0.1.0
+ */
+export declare const DropdownHeader: React.FC<DropdownHeaderType>;

package/dist/esm/components/dropdown/DropdownItem.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+import "./Dropdown.style.scss";
+export interface DropdownItemType {
+    children: ReactNode;
+}
+/**
+ * Component creates an item with over effect
+ *
+ * @author Nico Sammito
+ * @since 0.1.0
+ */
+export declare const DropdownItem: React.FC<DropdownItemType>;

package/dist/esm/components/dropdown/DropdownItemGroup.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+import "./Dropdown.style.scss";
+export interface DropdownItemGroupType {
+    children: ReactNode;
+}
+/**
+ * Component creates an item with over effect
+ *
+ * @author Nico Sammito
+ * @since 0.1.0
+ */
+export declare const DropdownItemGroup: React.FC<DropdownItemGroupType>;

package/dist/esm/components/input/Input.d.ts

@@ -0,0 +1,37 @@
+import React, { DetailedHTMLProps, InputHTMLAttributes, ReactElement } from "react";
+import "./Input.style.scss";
+import { TablerIconsProps } from "@tabler/icons-react";
+export type InputChildType = InputControlType | InputDescType | InputLabelType;
+export interface InputType {
+    children: ReactElement<InputControlType> | ReactElement<InputChildType>[];
+    disabled?: boolean;
+    valid?: boolean | undefined;
+}
+export type InputControlTypesType = "email" | "date" | "datetime-local" | "hidden" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
+export interface InputControlType extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    placeholder: string;
+    children?: ReactElement<InputControlMessageType | InputControlIconType>[] | ReactElement<InputControlMessageType | InputControlIconType>;
+    disabled?: boolean;
+    type?: InputControlTypesType;
+}
+export type InputControlMessageType = {
+    children: string;
+};
+export type InputControlIconType = {
+    children: ReactElement<TablerIconsProps>;
+};
+export type InputLabelType = {
+    children: string;
+};
+export type InputDescType = {
+    children: string;
+};
+declare const _default: React.FC<InputType> & {
+    Desc: React.FC<InputDescType>;
+    Label: React.FC<InputLabelType>;
+    Control: React.ForwardRefExoticComponent<Omit<InputControlType, "ref"> & React.RefAttributes<HTMLInputElement>> & {
+        Message: React.FC<InputControlMessageType>;
+        Icon: React.FC<InputControlIconType>;
+    };
+};
+export default _default;

package/dist/esm/components/list-group/ListGroup.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactElement, ReactNode } from "react";
+import "./ListGroup.style.scss";
+export interface ListGroupType {
+    children: ReactElement<ListGroupItemType> | ReactElement<ListGroupItemType>[];
+}
+export interface ListGroupItemType {
+    children: ReactNode;
+}
+declare const _default: React.FC<ListGroupType> & {
+    Item: React.FC<ListGroupItemType>;
+};
+export default _default;

package/dist/esm/components/menu/InternalMenu.d.ts

@@ -0,0 +1,4 @@
+import { AriaMenuProps } from "react-aria";
+import React from "react";
+import "./Menu.style.scss";
+export declare function InternalMenu<T extends object>(props: AriaMenuProps<T>): React.JSX.Element;

package/dist/esm/components/menu/Menu.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+import { PopoverProps } from "../popover/Popover";
+import { AriaMenuProps, Key } from "react-aria";
+import "./Menu.style.scss";
+import { Color } from "../../utils/types";
+export interface MenuType<T> extends AriaMenuProps<T>, PopoverProps {
+    children: React.ReactElement<MenuTriggerType & MenuContentType>[];
+}
+export interface MenuTriggerType {
+    children: React.ReactElement;
+}
+export interface MenuContentType {
+    children: React.ReactNode;
+}
+export interface MenuItemType {
+    children: React.ReactNode;
+    key: Key;
+    color?: Color;
+    disabled?: boolean;
+    unselectable?: boolean;
+    textValue?: string;
+}
+export interface MenuShortcutType {
+    children: string;
+}
+export interface MenuIconType {
+    children: React.ReactNode;
+}
+export interface MenuSectionType {
+    children: React.ReactElement<MenuItemType> | React.ReactElement<MenuItemType>[];
+    title?: string;
+}
+declare const _default: React.FC<MenuType<any>> & {
+    Trigger: React.FC<MenuTriggerType>;
+    Content: React.FC<MenuContentType>;
+    Item: React.FC<MenuItemType>;
+    Shortcut: React.FC<MenuShortcutType>;
+    Section: React.FC<MenuSectionType>;
+    Icon: React.FC<MenuIconType>;
+};
+export default _default;

package/dist/esm/components/popover/InternalPopover.d.ts

@@ -0,0 +1,10 @@
+import "./Popover.style.scss";
+import React from "react";
+import { AriaPopoverProps } from "react-aria";
+import { OverlayTriggerState } from "react-stately";
+interface InternalPopoverType extends Omit<AriaPopoverProps, 'popoverRef'> {
+    children: React.ReactNode;
+    state: OverlayTriggerState;
+}
+export declare const InternalPopover: React.FC<InternalPopoverType>;
+export {};

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { OverlayTriggerProps, PositionProps } from "@react-types/overlays";
+export interface PopoverProps extends PositionProps, OverlayTriggerProps {
+    children: React.ReactElement<PopoverTriggerType & PopoverContentType>[];
+}
+export interface PopoverTriggerType {
+    children: React.ReactElement;
+}
+export interface PopoverContentType {
+    children: React.ReactNode;
+}
+declare const _default: React.FC<PopoverProps> & {
+    Trigger: React.FC<PopoverTriggerType>;
+    Content: React.FC<PopoverContentType>;
+};
+export default _default;

package/dist/esm/components/quote/Quote.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { CardType } from "../card/Card";
+import "./Quote.style.scss";
+export interface QuoteType extends Omit<CardType, "children"> {
+    children: string;
+    logo: string;
+    name: string;
+    position: string;
+    inlineBorder?: boolean;
+}
+declare const Quote: React.FC<QuoteType>;
+export default Quote;

package/dist/esm/components/row/Row.d.ts

@@ -0,0 +1,7 @@
+import React, { HTMLProps, ReactNode } from "react";
+import "./Row.style.scss";
+export interface RowType extends HTMLProps<HTMLDivElement> {
+    children: ReactNode | ReactNode[];
+}
+declare const Row: React.FC<RowType>;
+export default Row;

package/dist/esm/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactElement, ReactNode } from "react";
+import "./Tooltip.style.scss";
+export interface DropdownType {
+    children: ReactElement<TooltipTriggerType & TooltipMenuType>[];
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    align?: 'start' | 'center' | 'end';
+}
+export interface TooltipTriggerType {
+    children: ReactNode;
+}
+export interface TooltipMenuType {
+    children: ReactNode;
+}
+declare const _default: React.FC<DropdownType> & {
+    Trigger: React.FC<TooltipTriggerType>;
+    Menu: React.FC<TooltipMenuType>;
+};
+export default _default;

package/dist/esm/index.d.ts

@@ -0,0 +1,16 @@
+export { default as Alert } from "./components/alert/Alert";
+export { default as Badge } from "./components/badge/Badge";
+export { default as Button } from "./components/button/Button";
+export { default as ButtonGroup } from "./components/button-group/ButtonGroup";
+export { default as Card } from "./components/card/Card";
+export { default as Col } from "./components/col/Col";
+export { default as Container } from "./components/container/Container";
+export { default as Dropdown } from "./components/dropdown/Dropdown";
+export { default as Text } from "./components/FontSizes/Text";
+export { default as Input } from "./components/input/Input";
+export { default as ListGroup } from "./components/list-group/ListGroup";
+export { default as Menu } from "./components/menu/Menu";
+export { default as Popover } from "./components/popover/Popover";
+export { default as Quote } from "./components/quote/Quote";
+export { default as Row } from "./components/row/Row";
+export { default as Tooltip } from "./components/tooltip/Tooltip";