@code0-tech/pictor 0.3.0 → 0.4.0

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

@@ -1,18 +0,0 @@
-import React, { HTMLProps, ReactNode } from "react";
-import { Code0Component } from "./types";
-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 mergeCode0Props: <T extends HTMLElement>(cn: string, rest: Code0Component<T>) => React.HTMLProps<T>;
-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/Text/Text.d.ts

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

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

@@ -1,16 +0,0 @@
-import React, { ReactNode } from "react";
-import "./Alert.style.scss";
-import { Code0Component, Color } from "../../utils/types";
-export interface AlertType extends Omit<Code0Component<HTMLDivElement>, "title"> {
-    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 AlertIconType {
-    color: Color;
-}
-export default Alert;

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

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

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

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

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

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

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

@@ -1,20 +0,0 @@
-import React, { ReactNode } from "react";
-import "./Card.style.scss";
-import { Code0Component, Color } from "../../utils/types";
-export interface CardType extends Code0Component<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 extends Code0Component<HTMLDivElement> {
-    children: ReactNode | ReactNode[];
-    image?: boolean;
-    border?: boolean;
-}
-declare const _default: React.FC<CardType> & {
-    Section: React.FC<SectionType>;
-};
-export default _default;

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

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

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

@@ -1,24 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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/flex/Flex.d.ts

@@ -1,8 +0,0 @@
-import { Code0Component } from "../../utils/types";
-import React from "react";
-import "./Flex.style.scss";
-interface FlexType extends Code0Component<HTMLDivElement> {
-    children: React.ReactNode | React.ReactNode[];
-}
-declare const Flex: React.FC<FlexType>;
-export default Flex;

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

@@ -1,37 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,41 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

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

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

@@ -1,18 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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/Text/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";
-export { default as Flex } from "./components/flex/Flex";