coles-solid-library 0.0.1

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

@@ -0,0 +1,15 @@
+import { Component, JSX } from "solid-js";
+import "./Button.scss";
+export interface MenuButton {
+    name: string;
+    condition?: () => boolean;
+    action: () => void;
+}
+interface Props extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    onClick?: (e: MouseEvent) => unknown;
+    transparent?: boolean;
+    styleType?: "primary" | "accent" | "tertiary";
+}
+declare const Button: Component<Props>;
+export { Button };
+export default Button;

package/dist/components/Carosel/Carosel.d.ts

@@ -0,0 +1,15 @@
+import { Accessor, Component, JSX, Setter } from "solid-js";
+import "./Carosel.module.scss";
+export interface CarouselElement {
+    name: string;
+    element: JSX.Element;
+}
+interface CarouselProps {
+    elements: CarouselElement[];
+    startingIndex?: number;
+    notFoundName?: string;
+    currentIndex?: [Accessor<number>, Setter<number>];
+}
+declare const Carousel: Component<CarouselProps>;
+export { Carousel };
+export default Carousel;

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,12 @@
+import { Component } from "solid-js";
+import "./Chip.module.scss";
+interface Props {
+    class?: string;
+    key?: string;
+    value: string;
+    remove?: () => any;
+    onClick?: (e: MouseEvent) => any;
+}
+declare const Chip: Component<Props>;
+export { Chip };
+export default Chip;

package/dist/components/Chipbar/chipbar.d.ts

@@ -0,0 +1,13 @@
+import { Accessor, Component, Setter } from "solid-js";
+import "./chipbar.module.scss";
+export interface ChipType {
+    key: string;
+    value: string;
+}
+interface Props {
+    chips: Accessor<ChipType[]>;
+    setChips?: Setter<ChipType[]>;
+}
+declare const Chipbar: Component<Props>;
+export { Chipbar };
+export default Chipbar;

package/dist/components/ComponentBody/body.component.d.ts

@@ -0,0 +1,10 @@
+import { Component, JSX } from "solid-js";
+import './body.module.scss';
+import { CSSModuleClasses } from "../cssmodule";
+interface Props extends JSX.HTMLAttributes<HTMLDivElement> {
+    children: JSX.Element | JSX.Element[];
+    class?: CSSModuleClasses[string];
+    style?: 'primary' | 'accent' | 'tertiary';
+}
+export declare const Body: Component<Props>;
+export {};

package/dist/components/FormField/formField.d.ts

@@ -0,0 +1,13 @@
+import { Component, JSX } from "solid-js";
+import "./formfield.module.scss";
+interface Props extends JSX.FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    children: JSX.Element;
+    styleType?: "primary" | "accent" | "tertiary";
+    name: string;
+    class?: string;
+    value?: string;
+    legendClass?: string;
+}
+declare const FormField: Component<Props>;
+export { FormField };
+export default FormField;

package/dist/components/FormField/formProvider.d.ts

@@ -0,0 +1,22 @@
+import { Accessor, JSX, Component, Setter } from "solid-js";
+interface formFieldContext {
+    getName: Accessor<string>;
+    setName: Setter<string>;
+    getTextInside: Accessor<boolean>;
+    setTextInside: Setter<boolean>;
+    getFocused: Accessor<boolean>;
+    setFocused: Setter<boolean>;
+    getValue: Accessor<string>;
+    setValue: Setter<string>;
+    getFieldType: Accessor<string>;
+    setFieldType: Setter<string>;
+}
+interface ProviderProps {
+    children: JSX.Element;
+    name?: string;
+    value?: string;
+    type?: string;
+}
+export declare const Provider: Component<ProviderProps>;
+export declare function useFormProvider(): formFieldContext;
+export {};

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

@@ -0,0 +1,13 @@
+import { Component, JSX } from "solid-js";
+import "./input.module.scss";
+interface InputProps extends JSX.InputHTMLAttributes<HTMLInputElement> {
+    tooltip?: string;
+    transparent?: boolean;
+    onChange?: (e: Event & {
+        currentTarget: HTMLInputElement;
+        target: HTMLInputElement;
+    }) => void;
+}
+declare const Input: Component<InputProps>;
+export { Input };
+export default Input;

package/dist/components/Select/option.component.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from "solid-js";
+import './selectStyles.scss';
+interface OptionProps<T> {
+    value: T;
+    children?: JSX.Element;
+    class?: string;
+}
+export declare function Option<T>(props: OptionProps<T>): JSX.Element;
+export {};

package/dist/components/Select/select.component.d.ts

@@ -0,0 +1,27 @@
+import { JSX } from "solid-js";
+import './selectStyles.scss';
+interface SelectContextValue<T> {
+    isSelected: (val: T) => boolean;
+    selectValue: (val: T) => void;
+    registerOption?: (val: T, label: JSX.Element) => void;
+    unregisterOption?: (val: T) => void;
+    selectRef?: (val: HTMLDivElement | undefined) => HTMLDivElement | undefined;
+}
+export declare const SelectContext: import("solid-js").Context<SelectContextValue<any> | undefined>;
+interface SelectProps<T = string, K = boolean> {
+    multiple?: K;
+    value: T;
+    transparent?: boolean;
+    id?: string;
+    defaultValue?: T;
+    onChange: (value: T) => void;
+    placeholder?: string;
+    tooltip?: string;
+    renderValue?: (selected: T) => JSX.Element;
+    class?: string;
+    dropdownClass?: string;
+    children: JSX.Element;
+    style?: "primary" | "accent" | "tertiary";
+}
+export declare function Select<T, K extends boolean = false>(props: SelectProps<(K extends true ? T[] : T), K>): JSX.Element;
+export {};

package/dist/components/Snackbar/snackbar.d.ts

@@ -0,0 +1,11 @@
+import { Component } from "solid-js";
+import "./snackbar.module.scss";
+export interface Snackbar {
+    message: string;
+    severity?: "error" | "warning" | "info" | "success";
+    closeTimeout?: number;
+}
+declare const addSnackbar: (snack: Snackbar) => void;
+declare const SnackbarController: Component;
+export { addSnackbar, SnackbarController };
+export default addSnackbar;

package/dist/components/Table/innerTable.d.ts

@@ -0,0 +1,30 @@
+import { JSX } from "solid-js";
+import { ColumnState } from "./table";
+interface ColumnProps<T> {
+    children: [JSX.Element, JSX.Element, JSX.Element?];
+    name: string;
+    multipleRows?: boolean;
+}
+declare const Column: <T>(props: ColumnProps<T>) => JSX.Element;
+interface HeaderProps extends JSX.HTMLAttributes<HTMLTableHeaderCellElement> {
+    children: JSX.Element;
+}
+declare const Header: <T>(props: HeaderProps) => JSX.Element;
+interface CellProps<T> {
+    children: ColumnState<T>;
+    classes?: string;
+    style?: JSX.CSSProperties;
+    [key: string]: any;
+}
+declare const Cell: <T = any>(props: CellProps<T>) => JSX.Element;
+interface RowProps extends JSX.HTMLAttributes<HTMLTableRowElement> {
+}
+declare const Row: <T>(props: RowProps) => JSX.Element;
+interface DropRowProps<T> {
+    children: ColumnState<T>;
+    classes?: string;
+    style?: JSX.CSSProperties;
+    [key: string]: any;
+}
+declare const SecondRow: <T>(props: DropRowProps<T>) => JSX.Element;
+export { Column, Header, Cell, SecondRow, Row };

package/dist/components/Table/rowProvider.d.ts

@@ -0,0 +1,15 @@
+import { Accessor, JSX, Setter } from "solid-js";
+interface RowContext {
+    getRowI: Accessor<number>;
+    setRowI: Setter<number>;
+    getRowItem: Accessor<any>;
+    setRowItem: Setter<any>;
+}
+interface RowProviderProps<T> {
+    children: JSX.Element;
+    rowI: number;
+    rowItem: T;
+}
+export declare const RowProvider: <T>(props: RowProviderProps<T>) => JSX.Element;
+export declare function useRowContext(): RowContext | undefined;
+export {};

package/dist/components/Table/table.d.ts

@@ -0,0 +1,15 @@
+import { JSX, type Accessor } from "solid-js";
+export type ColumnState<T> = (item: T, index: number) => JSX.Element;
+interface TableProps<T> extends JSX.HTMLAttributes<HTMLTableElement> {
+    data: Accessor<T[]>;
+    columns: string[];
+    children?: JSX.Element;
+    dropdown?: boolean;
+    dropdownArrow?: {
+        width: string;
+        height: string;
+    };
+}
+declare const Table: <T>(props: TableProps<T>) => JSX.Element;
+export { Table };
+export default Table;

package/dist/components/Table/tableProvider.d.ts

@@ -0,0 +1,24 @@
+import { Accessor, Setter, JSX } from "solid-js";
+type StateType<T = any> = T;
+export interface TableState<T = any> {
+    headers: JSX.Element[];
+    rowTransform: ((item: T, index: number) => JSX.Element)[];
+    dropTransform?: ((item: T, index: number) => JSX.Element);
+    cellProps?: JSX.HTMLAttributes<HTMLTableDataCellElement>[];
+    rowProps?: JSX.HTMLAttributes<HTMLTableRowElement>;
+    dropProps?: JSX.HTMLAttributes<HTMLTableRowElement>;
+    currentColumns: string[];
+    multipleRows?: boolean;
+}
+export interface TableContext<T = any> {
+    tableState: Accessor<TableState<StateType<T>>>;
+    setTableState: Setter<TableState<StateType<T>>>;
+}
+interface TableProviderProps<T = any> {
+    children: JSX.Element;
+    value: TableState<StateType<T>>;
+}
+export declare const TableProvider: <T>(props: TableProviderProps<T>) => JSX.Element;
+export declare function getTableContext<T>(): TableContext<T>;
+export type ColumnState<T> = (item: T, index: number) => JSX.Element;
+export {};

package/dist/components/Table2/table.d.ts

@@ -0,0 +1,13 @@
+import { JSX, type Accessor, type Setter } from "solid-js";
+interface ProviderProps<T> {
+    children: JSX.Element;
+    value: T;
+}
+type StateType<T = any> = T;
+export declare const TableProvider: <T>(props: ProviderProps<[Accessor<TableState<StateType<T>>>, Setter<TableState<StateType<T>>>]>) => JSX.Element;
+interface TableState<T> {
+    data: T[];
+    headers: any[];
+    columns: any[];
+}
+export {};

package/dist/components/Tabs/tab.d.ts

@@ -0,0 +1,8 @@
+import { JSX, Component, Accessor } from "solid-js";
+interface TabProps {
+    children: JSX.Element;
+    name: string;
+    hidden?: Accessor<boolean>;
+}
+declare const Tab: Component<TabProps>;
+export { Tab };

package/dist/components/Tabs/tabs.d.ts

@@ -0,0 +1,18 @@
+import { Accessor, Component, JSX, Setter } from "solid-js";
+import { Tab } from "./tab";
+import "./tabs.module.scss";
+interface ITabStore {
+    [name: string]: JSX.Element;
+}
+export declare function getTabContext(): {
+    tabs: Accessor<ITabStore>;
+    setTabs: Setter<ITabStore>;
+};
+declare const Tabs: Component<Props>;
+interface Props {
+    children: JSX.Element;
+    styleType?: "primary" | "accent" | "tertiary";
+    transparent?: boolean;
+}
+export { Tab, Tabs };
+export default Tabs;

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,15 @@
+import { Accessor, Component, JSX, Setter } from "solid-js";
+import './TextArea.module.scss';
+interface Props extends JSX.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    text: Accessor<string>;
+    setText: Setter<string>;
+    class?: string;
+    tooltip?: string;
+    transparent?: boolean;
+    minSize?: {
+        width?: number;
+        height?: number;
+    };
+}
+export declare const TextArea: Component<Props>;
+export default TextArea;

package/dist/components/cssmodule.d.ts

@@ -0,0 +1,70 @@
+export interface CSSModuleClasses {
+    color?: string;
+    background?: string;
+    border?: string;
+    margin?: string;
+    padding?: string;
+    display?: string;
+    position?: string;
+    overflow?: string;
+    width?: string;
+    height?: string;
+    top?: string;
+    right?: string;
+    bottom?: string;
+    left?: string;
+    zIndex?: string;
+    borderRadius?: string;
+    boxShadow?: string;
+    transition?: string;
+    transform?: string;
+    cursor?: string;
+    userSelect?: string;
+    pointerEvents?: string;
+    textAlign?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    lineHeight?: string;
+    letterSpacing?: string;
+    textTransform?: string;
+    textDecoration?: string;
+    whiteSpace?: string;
+    wordBreak?: string;
+    wordWrap?: string;
+    listStyleType?: string;
+    listStylePosition?: string;
+    listStyleImage?: string;
+    opacity?: string;
+    filter?: string;
+    backdropFilter?: string;
+    visibility?: string;
+    verticalAlign?: string;
+    flex?: string;
+    flexGrow?: string;
+    flexShrink?: string;
+    flexBasis?: string;
+    flexDirection?: string;
+    flexWrap?: string;
+    justifyContent?: string;
+    alignItems?: string;
+    alignContent?: string;
+    order?: string;
+    gridTemplateColumns?: string;
+    gridTemplateRows?: string;
+    gridTemplateAreas?: string;
+    gridTemplate?: string;
+    gridAutoColumns?: string;
+    gridAutoRows?: string;
+    gridAutoFlow?: string;
+    grid?: string;
+    gridArea?: string;
+    gridColumnStart?: string;
+    gridColumnEnd?: string;
+    gridRowStart?: string;
+    gridRowEnd?: string;
+    gridColumn?: string;
+    gridRow?: string;
+    justifySelf?: string;
+    alignSelf?: string;
+    [key: string]: string | undefined;
+}

package/dist/components/expansion/expansion.d.ts

@@ -0,0 +1,18 @@
+import { type Component, JSX } from "solid-js";
+import './expansion.module.scss';
+type Props = {
+    children: [JSX.Element, JSX.Element];
+    styles?: {
+        readonly [key: string]: string;
+    };
+    extraLogic?: () => void;
+    startOpen?: boolean;
+    [key: string]: any;
+    arrowSize?: {
+        width: string;
+        height: string;
+    };
+};
+declare const ExpansionPanel: Component<Props>;
+export { ExpansionPanel };
+export default ExpansionPanel;

package/dist/components/popup/popup.component.d.ts

@@ -0,0 +1,34 @@
+import { Accessor, Component, JSX, Setter } from "solid-js";
+type Props = {
+    title?: string;
+    children?: JSX.Element;
+    width?: string;
+    height?: string;
+    translate?: {
+        x?: string;
+        y?: string;
+    };
+    backgroundClick?: [Accessor<boolean>, Setter<boolean>];
+    setClose?: Setter<boolean>;
+    ref?: Accessor<HTMLDivElement | undefined>;
+};
+/**
+ *
+ * @param title {string} {string} - The title of the modal.
+ * @param width {string} {string} - The css width of the modal.
+ * @param maxWidth {string} {string} - The optional css max-width of the modal.
+ * @param height {string} {string} - The css height of the modal.
+ * @param maxHeight {string} {string} - The optional css max-height of the modal.
+ * @param translate {x{x: string, y: string} - Override the default x and y coordinates of the modal.
+ * @param backgroundClick [Accessor <bool>, Setter <bool>] - A signal and setter for enabling the background click.
+ * @returns - A Modal component.
+ */
+declare const Modal: Component<Props>;
+declare module "solid-js" {
+    namespace JSX {
+        interface Directives {
+            clickOutside: () => void;
+        }
+    }
+}
+export default Modal;

package/dist/components/svgs/arrows.d.ts

@@ -0,0 +1,6 @@
+import { Component, JSX } from "solid-js";
+interface ArrowProps extends JSX.SvgSVGAttributes<SVGSVGElement> {
+}
+export declare const UpArrow: Component<ArrowProps>;
+export declare const DownArrow: Component<ArrowProps>;
+export {};

package/dist/components/svgs/barMenu.d.ts

@@ -0,0 +1,3 @@
+import { Component } from "solid-js";
+declare const BarMenu: Component;
+export default BarMenu;

package/dist/components/svgs/calulator.d.ts

@@ -0,0 +1,5 @@
+import { Component, JSX } from "solid-js";
+interface CalculatorProps extends JSX.SvgSVGAttributes<SVGSVGElement> {
+}
+export declare const Calculator: Component<CalculatorProps>;
+export {};

package/dist/components/svgs/camera.d.ts

@@ -0,0 +1,6 @@
+import { Component, JSX } from "solid-js";
+interface Props extends JSX.SvgSVGAttributes<SVGSVGElement> {
+}
+declare const Camera: Component<Props>;
+export { Camera };
+export default Camera;

package/dist/components/svgs/eye.d.ts

@@ -0,0 +1,4 @@
+import { Component } from "solid-js";
+declare const Eye: Component;
+export { Eye };
+export default Eye;

package/dist/components/svgs/gear.d.ts

@@ -0,0 +1,6 @@
+import { Component, JSX } from "solid-js";
+interface Props extends JSX.SvgSVGAttributes<SVGSVGElement> {
+}
+declare const Gear: Component<Props>;
+export { Gear };
+export default Gear;

package/dist/components/svgs/pencil.d.ts

@@ -0,0 +1,4 @@
+import { Component } from "solid-js";
+declare const Pencil: Component;
+export { Pencil };
+export default Pencil;

package/dist/components/svgs/skinnySnowman.d.ts

@@ -0,0 +1,6 @@
+import { Component, JSX } from "solid-js";
+interface Props extends JSX.SvgSVGAttributes<SVGSVGElement> {
+}
+declare const SkinnySnowman: Component<Props>;
+export { SkinnySnowman };
+export default SkinnySnowman;