@s-works/s-works-ui 0.0.1 → 0.0.2

package/types/standard/components/InputBase/InputBase.d.ts

@@ -0,0 +1,148 @@
+import { type InputBaseProps as MantineInputBaseProps, type InputBaseFactory } from "@s-works/s-works-ui/core";
+export type InputBaseSize = 'lg' | 'md' | 'sm';
+export type InputBaseAppearance = 'filled' | 'outlined';
+export interface InputBaseProps extends MantineInputBaseProps {
+    size?: InputBaseSize;
+    appearance?: InputBaseAppearance;
+}
+interface VisualOptions {
+    size?: InputBaseSize;
+    appearance?: InputBaseAppearance;
+    hasLeftSection?: boolean;
+    hasRightSection?: boolean;
+    disabled?: boolean;
+}
+export declare function resolveInputBaseProps({ size, appearance: _appearance, ...props }?: InputBaseProps): {
+    size: InputBaseSize;
+    radius: import("@s-works/s-works-ui/core").MantineRadius;
+    leftSectionWidth: import("csstype").Property.Width<string | number>;
+    rightSectionWidth: import("csstype").Property.Width<string | number>;
+    leftSectionPointerEvents: import("csstype").Property.PointerEvents;
+    inputWrapperOrder: ("label" | "input" | "description" | "error")[];
+    __staticSelector?: string;
+    __stylesApiProps?: Record<string, any>;
+    wrapperProps?: React.ComponentPropsWithoutRef<"div"> & import("@s-works/s-works-ui/core").DataAttributes;
+    multiline?: boolean;
+    withAria?: boolean;
+    className?: string;
+    style?: import("@s-works/s-works-ui/core").MantineStyleProp;
+    __vars?: import("@s-works/s-works-ui/core").CssVarsProp;
+    __size?: string;
+    hiddenFrom?: import("@s-works/s-works-ui/core").MantineBreakpoint;
+    visibleFrom?: import("@s-works/s-works-ui/core").MantineBreakpoint;
+    lightHidden?: boolean;
+    darkHidden?: boolean;
+    mod?: import("@s-works/s-works-ui/core").BoxMod;
+    m?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    my?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    mx?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    mt?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    mb?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    ms?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    me?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    ml?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    mr?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    p?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    py?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    px?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    pt?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    pb?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    ps?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    pe?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    pl?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    pr?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    bd?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["border"]>;
+    bdrs?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineSpacing>;
+    bg?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineColor>;
+    c?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineColor>;
+    opacity?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["opacity"]>;
+    ff?: import("@s-works/s-works-ui/core").StyleProp<"monospace" | "text" | "heading" | (string & {})>;
+    fz?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineFontSize | `h${1 | 2 | 3 | 4 | 5 | 6}` | number | (string & {})>;
+    fw?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["fontWeight"]>;
+    lts?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["letterSpacing"]>;
+    ta?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["textAlign"]>;
+    lh?: import("@s-works/s-works-ui/core").StyleProp<import("@s-works/s-works-ui/core").MantineLineHeight | `h${1 | 2 | 3 | 4 | 5 | 6}` | number | (string & {})>;
+    fs?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["fontStyle"]>;
+    tt?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["textTransform"]>;
+    td?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["textDecoration"]>;
+    w: string | number | Partial<Record<import("@s-works/s-works-ui/core").MantineBreakpoint, import("csstype").Property.Width<string | number> | undefined>>;
+    miw?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["minWidth"]>;
+    maw: string | number | Partial<Record<import("@s-works/s-works-ui/core").MantineBreakpoint, import("csstype").Property.MaxWidth<string | number> | undefined>>;
+    h?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["height"]>;
+    mih?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["minHeight"]>;
+    mah?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["maxHeight"]>;
+    bgsz?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["backgroundSize"]>;
+    bgp?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["backgroundPosition"]>;
+    bgr?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["backgroundRepeat"]>;
+    bga?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["backgroundAttachment"]>;
+    pos?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["position"]>;
+    top?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["top"]>;
+    left?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["left"]>;
+    bottom?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["bottom"]>;
+    right?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["right"]>;
+    inset?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["inset"]>;
+    display?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["display"]>;
+    flex?: import("@s-works/s-works-ui/core").StyleProp<React.CSSProperties["flex"]>;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    required?: boolean;
+    withAsterisk?: boolean;
+    labelProps?: import("@s-works/s-works-ui/core").InputLabelProps & import("@s-works/s-works-ui/core").DataAttributes;
+    descriptionProps?: import("@s-works/s-works-ui/core").InputDescriptionProps & import("@s-works/s-works-ui/core").DataAttributes;
+    errorProps?: import("@s-works/s-works-ui/core").InputErrorProps & import("@s-works/s-works-ui/core").DataAttributes;
+    inputContainer?: (children: React.ReactNode) => React.ReactNode;
+    leftSection?: React.ReactNode;
+    leftSectionProps?: React.ComponentPropsWithoutRef<"div">;
+    rightSection?: React.ReactNode;
+    rightSectionProps?: React.ComponentPropsWithoutRef<"div">;
+    rightSectionPointerEvents?: React.CSSProperties["pointerEvents"];
+    disabled?: boolean;
+    pointer?: boolean;
+    withErrorStyles?: boolean;
+    inputSize?: string;
+    __clearSection?: React.ReactNode;
+    __clearable?: boolean;
+    __defaultRightSection?: React.ReactNode;
+    unstyled?: boolean;
+    variant?: (string & {}) | import("@s-works/s-works-ui/core").InputVariant | undefined;
+    classNames?: Partial<Record<import("@s-works/s-works-ui/core").__InputStylesNames, string>> | ((theme: import("@s-works/s-works-ui/core").MantineTheme, props: MantineInputBaseProps, ctx: unknown) => Partial<Record<import("@s-works/s-works-ui/core").__InputStylesNames, string>>) | undefined;
+    styles?: Partial<Record<import("@s-works/s-works-ui/core").__InputStylesNames, import("@s-works/s-works-ui/core").CSSProperties>> | ((theme: import("@s-works/s-works-ui/core").MantineTheme, props: MantineInputBaseProps, ctx: unknown) => Partial<Record<import("@s-works/s-works-ui/core").__InputStylesNames, import("@s-works/s-works-ui/core").CSSProperties>>) | undefined;
+    vars?: import("@s-works/s-works-ui/core").PartialVarsResolver<{
+        props: MantineInputBaseProps;
+        defaultRef: HTMLInputElement;
+        defaultComponent: "input";
+        stylesNames: import("@s-works/s-works-ui/core").__InputStylesNames;
+        variant: import("@s-works/s-works-ui/core").InputVariant;
+    }> | undefined;
+    attributes?: {
+        root?: Record<string, any> | undefined;
+        section?: Record<string, any> | undefined;
+        label?: Record<string, any> | undefined;
+        input?: Record<string, any> | undefined;
+        required?: Record<string, any> | undefined;
+        description?: Record<string, any> | undefined;
+        error?: Record<string, any> | undefined;
+        wrapper?: Record<string, any> | undefined;
+    } | undefined;
+};
+export declare function resolveInputBaseClassNames({ size, appearance, hasLeftSection, hasRightSection, disabled, }?: VisualOptions, overrides?: Partial<Record<InputBaseFactory['stylesNames'], string>>): {
+    root: string;
+    wrapper: string;
+    input: string;
+    section: string;
+    description: string;
+    error: string;
+    label?: string | undefined;
+    required?: string | undefined;
+};
+export declare const InputBase: (<C = "input">(props: import("@s-works/s-works-ui/core").PolymorphicComponentProps<C, InputBaseProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(InputBaseProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof InputBaseProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (InputBaseProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+export {};

package/types/standard/components/InputBase/icons.d.ts

@@ -0,0 +1,3 @@
+import { type SVGProps } from 'react';
+export declare function SearchIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ClearIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/types/standard/components/Layout/Layout.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import { type FlexProps } from "@s-works/s-works-ui/core";
+export interface LayoutProps extends Omit<FlexProps, 'children' | 'direction' | 'gap' | 'wrap'> {
+    children?: ReactNode;
+    sider?: ReactNode;
+    header?: ReactNode;
+    panel?: ReactNode;
+    footer?: ReactNode;
+    centered?: boolean;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    siderWidth?: number;
+    defaultSiderWidth?: number;
+    onSiderWidthChange?: (width: number) => void;
+    resizable?: boolean;
+}
+export declare const Layout: import("react").ForwardRefExoticComponent<LayoutProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/standard/components/Layout/use-layout-state.d.ts

@@ -0,0 +1,18 @@
+import { type KeyboardEvent, type PointerEvent } from 'react';
+export interface LayoutStateOptions {
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    siderWidth?: number;
+    defaultSiderWidth?: number;
+    onSiderWidthChange?: (width: number) => void;
+}
+export declare function useLayoutState(options: LayoutStateOptions): {
+    width: number;
+    isCollapsed: boolean;
+    resizeHandleRef: (node: HTMLDivElement | null) => void;
+    onPointerDown: (event: PointerEvent<HTMLDivElement>) => void;
+    onPointerMove: (event: PointerEvent<HTMLDivElement>) => void;
+    onPointerEnd: (event: PointerEvent<HTMLDivElement>) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};

package/types/standard/components/Loader/Loader.d.ts

@@ -0,0 +1,25 @@
+import { type LoaderProps as MantineLoaderProps } from "@s-works/s-works-ui/core";
+export interface LoaderProps extends MantineLoaderProps {
+}
+export declare const RingLoader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const GradientLoader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const loaderTypes: {
+    ring: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    gradient: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    bars?: import("@s-works/s-works-ui/core").MantineLoaderComponent | undefined;
+    dots?: import("@s-works/s-works-ui/core").MantineLoaderComponent | undefined;
+    oval?: import("@s-works/s-works-ui/core").MantineLoaderComponent | undefined;
+};
+export declare function resolveLoaderProps({ size, color, type, loaders, ...props }?: LoaderProps): LoaderProps;
+export declare function resolveLoaderClassNames(overrides?: Partial<Record<'root', string>>): {
+    root: string;
+};
+export declare const Loader: import("react").ForwardRefExoticComponent<LoaderProps & import("react").RefAttributes<HTMLSpanElement>> & {
+    defaultLoaders: {
+        ring: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+        gradient: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+        bars?: import("@s-works/s-works-ui/core").MantineLoaderComponent | undefined;
+        dots?: import("@s-works/s-works-ui/core").MantineLoaderComponent | undefined;
+        oval?: import("@s-works/s-works-ui/core").MantineLoaderComponent | undefined;
+    };
+};

package/types/standard/components/Loader/icons.d.ts

@@ -0,0 +1,3 @@
+import { type SVGProps } from 'react';
+export declare function RingIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function GradientIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/types/standard/components/Modal/Modal.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+import { Modal as MantineModal, type ModalProps as MantineModalProps, type ModalStylesNames } from "@s-works/s-works-ui/core";
+export interface ModalProps extends MantineModalProps {
+    layout?: "compact" | "standard" | "form" | "editor" | "share";
+    headerIcon?: ReactNode;
+    status?: "error" | "success" | "warning" | "edit";
+    footer?: ReactNode;
+    bodyHeight?: number;
+}
+export declare function resolveModalClassNames({ layout }?: Pick<ModalProps, "layout">, overrides?: Partial<Record<ModalStylesNames, string>>): {
+    content: string;
+    header: string;
+    title: string;
+    close: string;
+    body: string;
+    root?: string | undefined;
+    inner?: string | undefined;
+    overlay?: string | undefined;
+};
+declare const ModalComponent: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Modal: typeof ModalComponent & Pick<typeof MantineModal, "Root" | "Overlay" | "Content" | "Header" | "Title" | "Body" | "CloseButton" | "Stack">;
+export {};

package/types/standard/components/Modal/icons.d.ts

@@ -0,0 +1,9 @@
+import { type SVGProps } from 'react';
+export declare function ModalCloseIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ModalErrorIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ModalSuccessIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ModalWarningIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ModalEditIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ModalStatusIcon({ status, ...props }: SVGProps<SVGSVGElement> & {
+    status: 'error' | 'success' | 'warning' | 'edit';
+}): import("react/jsx-runtime").JSX.Element;

package/types/standard/components/Pagination/Pagination.d.ts

@@ -0,0 +1,34 @@
+import { type ReactNode } from 'react';
+import { Pagination as MantinePagination, type PaginationProps as MantinePaginationProps } from "@s-works/s-works-ui/core";
+export interface PaginationProps extends MantinePaginationProps {
+    layout?: 'simple' | 'full' | 'mini';
+    totalRecords?: number;
+    pageSize?: number;
+    info?: ReactNode;
+}
+export declare function PreviousLabel(): import("react/jsx-runtime").JSX.Element;
+export declare function NextLabel(): import("react/jsx-runtime").JSX.Element;
+export declare function DotsLabel(): import("react/jsx-runtime").JSX.Element;
+export declare const paginationClassNames: {
+    root: string;
+    fullRoot: string;
+    miniRoot: string;
+    simpleControl: string;
+    control: string;
+    dots: string;
+};
+export declare const paginationInfoClassName = "text-[12px] leading-[18px] text-[#8c8c8c]";
+export declare const paginationCounterClassNames: {
+    root: string;
+    current: string;
+};
+export declare function resolvePaginationInfo({ info, totalRecords, pageSize, }: Pick<PaginationProps, 'info' | 'totalRecords' | 'pageSize'>): string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
+export declare function resolvePaginationClassNames({ layout }?: Pick<PaginationProps, 'layout'>, overrides?: Partial<Record<import("@s-works/s-works-ui/core").PaginationStylesNames, string>>): {
+    root: string;
+    control: string;
+    dots: string;
+};
+export declare function resolvePaginationRootProps({ size, radius, color, siblings, boundaries, ...props }?: Partial<PaginationProps>): Partial<PaginationProps>;
+declare const PaginationRoot: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Pagination: typeof PaginationRoot & Pick<typeof MantinePagination, 'Root' | 'Control' | 'Dots' | 'First' | 'Last' | 'Next' | 'Previous' | 'Items'>;
+export {};