@sqrzro/admin 2.0.0-beta.0 → 2.0.0

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

@@ -1,18 +1,18 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { SummaryListObject } from '../../core/SummaryListItem';
-interface SummaryListProps {
-    data: SummaryListObject[];
-    isDisabled?: boolean;
-}
-declare function SummaryList({ data, isDisabled }: SummaryListProps): React.ReactElement;
-declare namespace SummaryList {
-    var propTypes: {
-        data: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            label: PropTypes.Validator<string>;
-            value: PropTypes.Validator<NonNullable<PropTypes.InferPropsInner<Pick<{}, never>> & Partial<PropTypes.InferPropsInner<Pick<{}, never>>>>>;
-        }>>[]>;
-        isDisabled: PropTypes.Requireable<boolean>;
-    };
-}
-export default SummaryList;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { SummaryListObject } from '../../core/SummaryListItem';
+interface SummaryListProps {
+    data: SummaryListObject[];
+    isDisabled?: boolean;
+}
+declare function SummaryList({ data, isDisabled }: SummaryListProps): React.ReactElement;
+declare namespace SummaryList {
+    var propTypes: {
+        data: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            label: PropTypes.Validator<string>;
+            value: PropTypes.Validator<NonNullable<PropTypes.InferPropsInner<Pick<{}, never>> & Partial<PropTypes.InferPropsInner<Pick<{}, never>>>>>;
+        }>>[]>;
+        isDisabled: PropTypes.Requireable<boolean>;
+    };
+}
+export default SummaryList;

package/dist/components/SummaryList/index.js

@@ -1,15 +1,15 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SummaryListItem from '../../core/SummaryListItem';
-function SummaryList({ data, isDisabled }) {
-    return (React.createElement("dl", { className: "/*clsx(styles.root, styles[`rootHas${data.length`], {[styles.rootIsDisabled]: isDisabled})*/", "data-testid": "summary-list-root" }, data.map((item) => (React.createElement(SummaryListItem, { key: item.label, label: item.label, value: item.value })))));
-}
-SummaryList.propTypes = {
-    data: PropTypes.arrayOf(PropTypes.shape({
-        label: PropTypes.string.isRequired,
-        value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.shape({})])
-            .isRequired,
-    }).isRequired).isRequired,
-    isDisabled: PropTypes.bool,
-};
-export default SummaryList;
+import React from 'react';
+import PropTypes from 'prop-types';
+import SummaryListItem from '../../core/SummaryListItem';
+function SummaryList({ data, isDisabled }) {
+    return (React.createElement("dl", { className: "/*clsx(styles.root, styles[`rootHas${data.length`], {[styles.rootIsDisabled]: isDisabled})*/", "data-testid": "summary-list-root" }, data.map((item) => (React.createElement(SummaryListItem, { key: item.label, label: item.label, value: item.value })))));
+}
+SummaryList.propTypes = {
+    data: PropTypes.arrayOf(PropTypes.shape({
+        label: PropTypes.string.isRequired,
+        value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.shape({})])
+            .isRequired,
+    }).isRequired).isRequired,
+    isDisabled: PropTypes.bool,
+};
+export default SummaryList;

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

@@ -1,21 +1,21 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { InputProps } from '../../utility/interfaces';
-interface SwitchProps extends InputProps<boolean> {
-    extra?: string;
-    label: React.ReactNode | string;
-    isMultiline?: boolean;
-}
-declare function Switch({ extra, name, label, value, isDisabled, isMultiline, onChange, }: SwitchProps): React.ReactElement;
-declare namespace Switch {
-    var propTypes: {
-        label: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-        name: PropTypes.Validator<string>;
-        extra: PropTypes.Requireable<string>;
-        isDisabled: PropTypes.Requireable<boolean>;
-        isMultiline: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default Switch;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { InputProps } from '../../utility/interfaces';
+interface SwitchProps extends InputProps<boolean> {
+    extra?: string;
+    label: React.ReactNode | string;
+    isMultiline?: boolean;
+}
+declare function Switch({ extra, name, label, value, isDisabled, isMultiline, onChange, }: SwitchProps): React.ReactElement;
+declare namespace Switch {
+    var propTypes: {
+        label: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        name: PropTypes.Validator<string>;
+        extra: PropTypes.Requireable<string>;
+        isDisabled: PropTypes.Requireable<boolean>;
+        isMultiline: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default Switch;

package/dist/components/Switch/index.js

@@ -1,31 +1,31 @@
-'use client';
-import React from 'react';
-import PropTypes from 'prop-types';
-import Assistive from '../../core/Assistive';
-function Switch({ extra, name, label, value, isDisabled, isMultiline, onChange, }) {
-    const handleChange = (event) => {
-        if (onChange) {
-            const inputEvent = {
-                target: { name, value: event.target.checked },
-            };
-            onChange(inputEvent);
-        }
-    };
-    return (React.createElement("label", { className: "/*clsx(\n                styles.root,\n                isDisabled && styles.rootIsDisabled,\n                (isMultiline || extra) && styles.rootIsMultiline\n            )*/", "data-testid": "switch-root" },
-        React.createElement("input", { "aria-checked": Boolean(value), checked: Boolean(value), className: "/*styles.input*/", disabled: isDisabled, id: name, name: name, onChange: handleChange, type: "checkbox", value: "1" }),
-        React.createElement("i", { className: "/*clsx(\n                    styles.icon,\n                    (isMultiline || extra) && styles.iconIsMultiline\n                )*/", id: `${name}_icon` },
-            React.createElement(Assistive, null, "Yes")),
-        React.createElement("div", null,
-            React.createElement("span", { className: "/*clsx(styles.label, isDisabled && styles.labelIsDisabled)*/", "aria-hidden": true }, label),
-            extra ? React.createElement("small", { className: "/*styles.extra*/" }, extra) : null)));
-}
-Switch.propTypes = {
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
-    name: PropTypes.string.isRequired,
-    extra: PropTypes.string,
-    isDisabled: PropTypes.bool,
-    isMultiline: PropTypes.bool,
-    value: PropTypes.bool,
-    onChange: PropTypes.func,
-};
-export default Switch;
+'use client';
+import React from 'react';
+import PropTypes from 'prop-types';
+import Assistive from '../../core/Assistive';
+function Switch({ extra, name, label, value, isDisabled, isMultiline, onChange, }) {
+    const handleChange = (event) => {
+        if (onChange) {
+            const inputEvent = {
+                target: { name, value: event.target.checked },
+            };
+            onChange(inputEvent);
+        }
+    };
+    return (React.createElement("label", { className: "/*clsx(\n                styles.root,\n                isDisabled && styles.rootIsDisabled,\n                (isMultiline || extra) && styles.rootIsMultiline\n            )*/", "data-testid": "switch-root" },
+        React.createElement("input", { "aria-checked": Boolean(value), checked: Boolean(value), className: "/*styles.input*/", disabled: isDisabled, id: name, name: name, onChange: handleChange, type: "checkbox", value: "1" }),
+        React.createElement("i", { className: "/*clsx(\n                    styles.icon,\n                    (isMultiline || extra) && styles.iconIsMultiline\n                )*/", id: `${name}_icon` },
+            React.createElement(Assistive, null, "Yes")),
+        React.createElement("div", null,
+            React.createElement("span", { className: "/*clsx(styles.label, isDisabled && styles.labelIsDisabled)*/", "aria-hidden": true }, label),
+            extra ? React.createElement("small", { className: "/*styles.extra*/" }, extra) : null)));
+}
+Switch.propTypes = {
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+    name: PropTypes.string.isRequired,
+    extra: PropTypes.string,
+    isDisabled: PropTypes.bool,
+    isMultiline: PropTypes.bool,
+    value: PropTypes.bool,
+    onChange: PropTypes.func,
+};
+export default Switch;

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

@@ -1,28 +1,28 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { EmptyMessageProps } from '../../core/EmptyMessage';
-import type { Columns } from '../../core/TableCell';
-import type { PaginationObject, SimpleObject, TransformerWithActions } from '../../utility/interfaces';
-export interface TableProps<T extends SimpleObject> {
-    columns: Columns;
-    data?: T[];
-    empty?: EmptyMessageProps;
-    isDisabled?: boolean;
-    pagination?: PaginationObject;
-    totals?: Record<string, number> | null;
-    transformer?: TransformerWithActions<T>;
-}
-declare function Table<T extends SimpleObject>({ columns, data, empty, isDisabled, pagination, totals, transformer, }: TableProps<T>): React.ReactElement;
-declare namespace Table {
-    var propTypes: {
-        columns: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-        data: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{}>>[]>;
-        isDisabled: PropTypes.Requireable<boolean>;
-        pagination: PropTypes.Requireable<PropTypes.InferProps<{
-            activePage: PropTypes.Validator<number>;
-            pageCount: PropTypes.Validator<number>;
-        }>>;
-        totals: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    };
-}
-export default Table;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { EmptyMessageProps } from '../../core/EmptyMessage';
+import type { Columns } from '../../core/TableCell';
+import type { PaginationObject, SimpleObject, TransformerWithActions } from '../../utility/interfaces';
+export interface TableProps<T extends SimpleObject> {
+    columns: Columns;
+    data?: T[];
+    empty?: EmptyMessageProps;
+    isDisabled?: boolean;
+    pagination?: PaginationObject;
+    totals?: Record<string, number> | null;
+    transformer?: TransformerWithActions<T>;
+}
+declare function Table<T extends SimpleObject>({ columns, data, empty, isDisabled, pagination, totals, transformer, }: TableProps<T>): React.ReactElement;
+declare namespace Table {
+    var propTypes: {
+        columns: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
+        data: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{}>>[]>;
+        isDisabled: PropTypes.Requireable<boolean>;
+        pagination: PropTypes.Requireable<PropTypes.InferProps<{
+            activePage: PropTypes.Validator<number>;
+            pageCount: PropTypes.Validator<number>;
+        }>>;
+        totals: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+    };
+}
+export default Table;

package/dist/components/Table/index.js

@@ -1,55 +1,55 @@
-import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
-import { spliceArray } from '@sqrzro/utility';
-import EmptyMessage from '../../core/EmptyMessage';
-import Pagination from '../../core/Pagination';
-import Panel from '../../core/Panel';
-import TableCell from '../../core/TableCell';
-import TableHead from '../../core/TableHead';
-import TableRow from '../../core/TableRow';
-// Import styles from './Table.module.css';
-const defaultTransformer = (item) => ({
-    ...item,
-    $id: String(item.id),
-    $original: item,
-});
-const transformData = (data, transformer) => {
-    const [transformFn, actions] = Array.isArray(transformer)
-        ? transformer
-        : [transformer || defaultTransformer];
-    return data.map((item) => ({ ...transformFn(item), $actions: actions, $original: item }));
-};
-const transformColumns = (columns) => Object.entries(columns).map(([key, item]) => ({
-    key,
-    title: Array.isArray(item) ? item[0] : item,
-    isRightAligned: Array.isArray(item) ? item[1] : false,
-}));
-function Table({ columns, data, empty, isDisabled, pagination, totals, transformer, }) {
-    if (!data?.length) {
-        return React.createElement(EmptyMessage, { ...empty });
-    }
-    const transformedColumns = transformColumns(columns);
-    const transformedData = transformData(data, transformer);
-    return (React.createElement(Fragment, null,
-        React.createElement(Panel, null,
-            React.createElement("div", { className: "/*styles.root*/" },
-                React.createElement("table", { className: "/*clsx(styles.table, isDisabled && styles.tableIsDisabled)*/" },
-                    React.createElement(TableHead, { columns: transformedColumns, hasActions: Boolean(transformedData[0].$actions?.length) }),
-                    React.createElement("tbody", null, transformedData.map((item) => (React.createElement(TableRow, { key: item.$id, columns: transformedColumns, data: item })))),
-                    totals ? (React.createElement("tfoot", null,
-                        React.createElement("tr", null,
-                            React.createElement(TableCell, { value: "Totals:" }),
-                            spliceArray(transformedColumns, 0, 1).map((item) => (React.createElement(TableCell, { key: item.key, isRightAligned: item.isRightAligned, value: totals[item.key].toString() })))))) : null))),
-        pagination ? React.createElement(Pagination, { isDisabled: isDisabled, ...pagination }) : null));
-}
-Table.propTypes = {
-    columns: PropTypes.shape({}).isRequired,
-    data: PropTypes.arrayOf(PropTypes.shape({}).isRequired),
-    isDisabled: PropTypes.bool,
-    pagination: PropTypes.shape({
-        activePage: PropTypes.number.isRequired,
-        pageCount: PropTypes.number.isRequired,
-    }),
-    totals: PropTypes.shape({}),
-};
-export default Table;
+import React, { Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { spliceArray } from '@sqrzro/utility';
+import EmptyMessage from '../../core/EmptyMessage';
+import Pagination from '../../core/Pagination';
+import Panel from '../../core/Panel';
+import TableCell from '../../core/TableCell';
+import TableHead from '../../core/TableHead';
+import TableRow from '../../core/TableRow';
+// Import styles from './Table.module.css';
+const defaultTransformer = (item) => ({
+    ...item,
+    $id: String(item.id),
+    $original: item,
+});
+const transformData = (data, transformer) => {
+    const [transformFn, actions] = Array.isArray(transformer)
+        ? transformer
+        : [transformer || defaultTransformer];
+    return data.map((item) => ({ ...transformFn(item), $actions: actions, $original: item }));
+};
+const transformColumns = (columns) => Object.entries(columns).map(([key, item]) => ({
+    key,
+    title: Array.isArray(item) ? item[0] : item,
+    isRightAligned: Array.isArray(item) ? item[1] : false,
+}));
+function Table({ columns, data, empty, isDisabled, pagination, totals, transformer, }) {
+    if (!data?.length) {
+        return React.createElement(EmptyMessage, { ...empty });
+    }
+    const transformedColumns = transformColumns(columns);
+    const transformedData = transformData(data, transformer);
+    return (React.createElement(Fragment, null,
+        React.createElement(Panel, null,
+            React.createElement("div", { className: "/*styles.root*/" },
+                React.createElement("table", { className: "/*clsx(styles.table, isDisabled && styles.tableIsDisabled)*/" },
+                    React.createElement(TableHead, { columns: transformedColumns, hasActions: Boolean(transformedData[0].$actions?.length) }),
+                    React.createElement("tbody", null, transformedData.map((item) => (React.createElement(TableRow, { key: item.$id, columns: transformedColumns, data: item })))),
+                    totals ? (React.createElement("tfoot", null,
+                        React.createElement("tr", null,
+                            React.createElement(TableCell, { value: "Totals:" }),
+                            spliceArray(transformedColumns, 0, 1).map((item) => (React.createElement(TableCell, { key: item.key, isRightAligned: item.isRightAligned, value: totals[item.key].toString() })))))) : null))),
+        pagination ? React.createElement(Pagination, { isDisabled: isDisabled, ...pagination }) : null));
+}
+Table.propTypes = {
+    columns: PropTypes.shape({}).isRequired,
+    data: PropTypes.arrayOf(PropTypes.shape({}).isRequired),
+    isDisabled: PropTypes.bool,
+    pagination: PropTypes.shape({
+        activePage: PropTypes.number.isRequired,
+        pageCount: PropTypes.number.isRequired,
+    }),
+    totals: PropTypes.shape({}),
+};
+export default Table;

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

@@ -1,15 +1,15 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { StyleVariant } from '../../utility/interfaces';
-export interface TagProps {
-    children: React.ReactNode;
-    variant?: StyleVariant | StyleVariant[];
-}
-declare function Tag({ children, variant }: TagProps): React.ReactElement;
-declare namespace Tag {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        variant: PropTypes.Requireable<NonNullable<NonNullable<StyleVariant> | NonNullable<StyleVariant>[] | null | undefined>>;
-    };
-}
-export default Tag;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { StyleVariant } from '../../utility/interfaces';
+export interface TagProps {
+    children: React.ReactNode;
+    variant?: StyleVariant | StyleVariant[];
+}
+declare function Tag({ children, variant }: TagProps): React.ReactElement;
+declare namespace Tag {
+    var propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        variant: PropTypes.Requireable<NonNullable<NonNullable<StyleVariant> | NonNullable<StyleVariant>[] | null | undefined>>;
+    };
+}
+export default Tag;

package/dist/components/Tag/index.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import useVariant from '../../hooks/useVariant';
-import { StyleVariantPropType } from '../../utility/prop-types';
-function Tag({ children, variant }) {
-    const { applyVariantClassName } = useVariant(variant);
-    return (React.createElement("div", { className: "/*clsx(styles.root, applyVariantClassName(styles))*/", "data-testid": "tag-root" }, children));
-}
-Tag.propTypes = {
-    children: PropTypes.node.isRequired,
-    variant: StyleVariantPropType,
-};
-export default Tag;
+import React from 'react';
+import PropTypes from 'prop-types';
+import useVariant from '../../hooks/useVariant';
+import { StyleVariantPropType } from '../../utility/prop-types';
+function Tag({ children, variant }) {
+    const { applyVariantClassName } = useVariant(variant);
+    return (React.createElement("div", { className: "/*clsx(styles.root, applyVariantClassName(styles))*/", "data-testid": "tag-root" }, children));
+}
+Tag.propTypes = {
+    children: PropTypes.node.isRequired,
+    variant: StyleVariantPropType,
+};
+export default Tag;

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

@@ -1,18 +1,18 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { TextInputProps } from '../TextInput';
-declare function TextArea({ name, placeholder, value, hasError, isDisabled, onChange, onKeyDown, }: TextInputProps): React.ReactElement;
-declare namespace TextArea {
-    var propTypes: {
-        /** The name of the field. An ID is also generated from this (`c_${name}`). */
-        name: PropTypes.Validator<string>;
-        /** If set to trute, the `TextArea` will be styled to indicate this */
-        hasError: PropTypes.Requireable<boolean>;
-        isDisabled: PropTypes.Requireable<boolean>;
-        placeholder: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default TextArea;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { TextInputProps } from '../../components/TextInput';
+declare function TextArea({ name, placeholder, value, hasError, isDisabled, onChange, onKeyDown, }: TextInputProps): React.ReactElement;
+declare namespace TextArea {
+    var propTypes: {
+        /** The name of the field. An ID is also generated from this (`c_${name}`). */
+        name: PropTypes.Validator<string>;
+        /** If set to trute, the `TextArea` will be styled to indicate this */
+        hasError: PropTypes.Requireable<boolean>;
+        isDisabled: PropTypes.Requireable<boolean>;
+        placeholder: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<string>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default TextArea;

package/dist/components/TextArea/index.js

@@ -1,26 +1,26 @@
-'use client';
-import React from 'react';
-import PropTypes from 'prop-types';
-// Import styles from './TextArea.module.css';
-function TextArea({ name, placeholder, value, hasError, isDisabled, onChange, onKeyDown, }) {
-    const handleChange = (event) => {
-        const target = event.target;
-        const simpleEvent = { target: { name, value: target.value } };
-        if (onChange) {
-            onChange(simpleEvent);
-        }
-    };
-    return (React.createElement("textarea", { className: "/*clsx(\n                styles.root,\n                hasError && styles.rootHasError,\n                isDisabled && styles.rootIsDisabled\n            )*/", disabled: isDisabled, id: `c_${name}`, name: name, onChange: handleChange, onKeyDown: onKeyDown, placeholder: placeholder, rows: 6, value: value?.toString() }));
-}
-TextArea.propTypes = {
-    /** The name of the field. An ID is also generated from this (`c_${name}`). */
-    name: PropTypes.string.isRequired,
-    /** If set to trute, the `TextArea` will be styled to indicate this */
-    hasError: PropTypes.bool,
-    isDisabled: PropTypes.bool,
-    placeholder: PropTypes.string,
-    value: PropTypes.string,
-    onChange: PropTypes.func,
-    onKeyDown: PropTypes.func,
-};
-export default TextArea;
+'use client';
+import React from 'react';
+import PropTypes from 'prop-types';
+// Import styles from './TextArea.module.css';
+function TextArea({ name, placeholder, value, hasError, isDisabled, onChange, onKeyDown, }) {
+    const handleChange = (event) => {
+        const target = event.target;
+        const simpleEvent = { target: { name, value: target.value } };
+        if (onChange) {
+            onChange(simpleEvent);
+        }
+    };
+    return (React.createElement("textarea", { className: "/*clsx(\n                styles.root,\n                hasError && styles.rootHasError,\n                isDisabled && styles.rootIsDisabled\n            )*/", disabled: isDisabled, id: `c_${name}`, name: name, onChange: handleChange, onKeyDown: onKeyDown, placeholder: placeholder, rows: 6, value: value?.toString() }));
+}
+TextArea.propTypes = {
+    /** The name of the field. An ID is also generated from this (`c_${name}`). */
+    name: PropTypes.string.isRequired,
+    /** If set to trute, the `TextArea` will be styled to indicate this */
+    hasError: PropTypes.bool,
+    isDisabled: PropTypes.bool,
+    placeholder: PropTypes.string,
+    value: PropTypes.string,
+    onChange: PropTypes.func,
+    onKeyDown: PropTypes.func,
+};
+export default TextArea;

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

@@ -1,14 +1,14 @@
-import React from 'react';
-import type { InputEventHandler, InputProps } from '../../utility/interfaces';
-export interface TextInputProps extends InputProps<string, string, HTMLInputElement | HTMLTextAreaElement> {
-    isAutocomplete?: boolean;
-    isClearable?: boolean;
-    isLoading?: boolean;
-    onClear?: InputEventHandler;
-    placeholder?: string;
-    prefix?: string | null;
-    suffix?: string | null;
-    type?: string;
-}
-declare function TextInput({ hasError, id, isAutocomplete, isAutoFocus, isClearable, isDisabled, isLoading, name, onChange, onClear, onKeyDown, placeholder, prefix, suffix, value, type, }: TextInputProps): React.ReactElement;
-export default TextInput;
+import React from 'react';
+import type { InputEvent, InputProps } from '../../utility/interfaces';
+export interface TextInputProps extends InputProps<string, string, HTMLInputElement | HTMLTextAreaElement> {
+    isAutocomplete?: boolean;
+    isClearable?: boolean;
+    isLoading?: boolean;
+    onClear?: (event: InputEvent) => void;
+    placeholder?: string;
+    prefix?: string | null;
+    suffix?: string | null;
+    type?: string;
+}
+declare function TextInput({ hasError, id, isAutocomplete, isAutoFocus, isClearable, isDisabled, isLoading, name, onChange, onClear, onKeyDown, placeholder, prefix, suffix, value, type, }: TextInputProps): React.ReactElement;
+export default TextInput;

package/dist/components/TextInput/index.js

@@ -1,27 +1,27 @@
-'use client';
-import React from 'react';
-import TextInputAncillary from '../../core/TextInputAncillary';
-function TextInput({ hasError, id, isAutocomplete, isAutoFocus, isClearable, isDisabled, isLoading, name, onChange, onClear, onKeyDown, placeholder, prefix, suffix, value, type, }) {
-    const handleChange = (event) => {
-        if (onChange) {
-            const target = { name, value: event.target.value };
-            onChange({ target });
-        }
-    };
-    const handleClear = () => {
-        const target = { name, value: '' };
-        if (onClear) {
-            onClear({ target });
-            return;
-        }
-        if (onChange) {
-            onChange({ target });
-        }
-    };
-    return (React.createElement("div", { className: "/*clsx(\n                styles.root,\n                prefix && styles.rootHasPrefix,\n                ((!prefix && suffix) || (isClearable && value)) && styles.rootHasSuffix,\n                isDisabled && styles.rootIsDisabled\n            )*/", "data-testid": "text-input-root" },
-        React.createElement("input", { autoComplete: isAutocomplete === false
-                ? 'off'
-                : undefined /* eslint-disable-line no-undefined */, autoFocus: isAutoFocus, className: "border border-slate-300 rounded-md h-10 w-full", disabled: isDisabled, id: id || name, name: name, onChange: handleChange, onKeyDown: onKeyDown, placeholder: placeholder, type: type, value: value || '' }),
-        React.createElement(TextInputAncillary, { hasError: hasError, isClearable: isClearable, isLoading: isLoading, onClear: handleClear, prefix: prefix, suffix: suffix, value: value || '' })));
-}
-export default TextInput;
+'use client';
+import React from 'react';
+import TextInputAncillary from '../../core/TextInputAncillary';
+function TextInput({ hasError, id, isAutocomplete, isAutoFocus, isClearable, isDisabled, isLoading, name, onChange, onClear, onKeyDown, placeholder, prefix, suffix, value, type, }) {
+    const handleChange = (event) => {
+        if (onChange) {
+            const target = { name, value: event.target.value };
+            onChange({ target });
+        }
+    };
+    const handleClear = () => {
+        const target = { name, value: '' };
+        if (onClear) {
+            onClear({ target });
+            return;
+        }
+        if (onChange) {
+            onChange({ target });
+        }
+    };
+    return (React.createElement("div", { className: "/*clsx(\n                styles.root,\n                prefix && styles.rootHasPrefix,\n                ((!prefix && suffix) || (isClearable && value)) && styles.rootHasSuffix,\n                isDisabled && styles.rootIsDisabled\n            )*/", "data-testid": "text-input-root" },
+        React.createElement("input", { autoComplete: isAutocomplete === false
+                ? 'off'
+                : undefined /* eslint-disable-line no-undefined */, autoFocus: isAutoFocus, className: "/*clsx(\n                    styles.input,\n                    hasError && styles.inputHasError,\n                    prefix && styles.inputHasPrefix,\n                    ((!prefix && suffix) || (isClearable && value)) && styles.inputHasSuffix\n                )*/", disabled: isDisabled, id: id || name, name: name, onChange: handleChange, onKeyDown: onKeyDown, placeholder: placeholder, type: type, value: value || '' }),
+        React.createElement(TextInputAncillary, { hasError: hasError, isClearable: isClearable, isLoading: isLoading, onClear: handleClear, prefix: prefix, suffix: suffix, value: value || '' })));
+}
+export default TextInput;

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

@@ -1,10 +1,10 @@
-import React from 'react';
-import type { TextInputProps } from '../TextInput';
-/**
- * A `TextInput` component with a pre-defined `prefix` prop set to a 'http://'. All other props are
- * simply passed through to the TextInput. Technically, the order of the props is such that the
- * prefix can be overridden or removed all together. If this is the case, the component is no
- * different to a `TextInput`.
- */
-declare function WebsiteInput(props: TextInputProps): React.ReactElement;
-export default WebsiteInput;
+import React from 'react';
+import type { TextInputProps } from '../../components/TextInput';
+/**
+ * A `TextInput` component with a pre-defined `prefix` prop set to a 'http://'. All other props are
+ * simply passed through to the TextInput. Technically, the order of the props is such that the
+ * prefix can be overridden or removed all together. If this is the case, the component is no
+ * different to a `TextInput`.
+ */
+declare function WebsiteInput(props: TextInputProps): React.ReactElement;
+export default WebsiteInput;