@bspk/ui 1.3.20 → 1.3.22

package/dist/components/Field/field.css.js

@@ -10,28 +10,26 @@ style.appendChild(document.createTextNode(`[data-bspk-utility=field] {
   max-width: 100%;
   min-inline-size: unset;
 }
-
-[data-bspk=field-label] {
+[data-bspk-utility=field] [data-field-label] {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: var(--spacing-sizing-01);
 }
-[data-bspk=field-label] span {
+[data-bspk-utility=field] [data-field-label] span {
   font: var(--labels-small);
   color: var(--foreground-neutral-on-surface);
 }
-[data-bspk=field-label] span[data-required] {
+[data-bspk-utility=field] [data-field-label] span[data-required] {
   font: var(--body-small);
   color: var(--foreground-neutral-on-surface-variant-01);
 }
-[data-bspk=field-label] span[data-trailing] {
+[data-bspk-utility=field] [data-field-label] span[data-trailing] {
   font: var(--body-small);
   color: var(--foreground-neutral-on-surface-variant-02);
   margin-left: auto;
 }
-
-[data-bspk=field-description] {
+[data-bspk-utility=field] [data-field-description] {
   font: var(--body-small);
   color: var(--foreground-neutral-on-surface-variant-01);
   margin: 0;

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

@@ -1,5 +1,3 @@
 export * from './Field';
-export * from './FieldLabel';
-export * from './FieldDescription';
-export * from './FieldError';
 export * from './utils';
+export * from './Fieldset';

package/dist/components/Field/index.js

@@ -1,6 +1,4 @@
 export * from './Field';
-export * from './FieldLabel';
-export * from './FieldDescription';
-export * from './FieldError';
 export * from './utils';
+export * from './Fieldset';
 //# sourceMappingURL=index.js.map

package/dist/components/Field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/Field/utils.d.ts

@@ -1,44 +1,14 @@
-import { CommonProps } from '-/types/common';
 export declare const errorMessageId: (id: string) => string;
 export declare const labelledById: (id: string) => string;
 export declare const describedById: (id: string) => string;
-/** The props that are provided via context to all Field subcomponents. */
-export type FieldContextProps = CommonProps<'required'> & {
-    /** The aria-describedby attribute value that should be applied to the field input element. */
-    ariaDescribedBy?: string;
-    /** The aria-errormessage attribute value that should be applied to the field input element. */
-    ariaErrorMessage?: string;
-    /** Text that appears after the label, but before the input (e.g. "optional"). */
-    labelTrailing?: string;
-    /** The aria-labelledby attribute value that should be applied to the field input element. */
-    ariaLabelledBy?: string;
-    /** The htmlFor attribute value that should be applied to the field label element. */
-    htmlFor?: string;
-    /** The id of the field. */
+export declare function propsWithAria<T extends Record<string, unknown>>({ errorMessage, helperText, controlProps, id, }: {
+    errorMessage?: string;
+    helperText?: string;
+    controlProps: T;
     id: string;
-};
-export type FieldContext = FieldContextProps & {
-    setContext: (next: Pick<FieldContextProps, 'htmlFor' | 'required'>) => void;
-};
-export declare const fieldContext: import("react").Context<FieldContext | null>;
-/**
- * Retrieves the current Field context.
- *
- * Will return a default context if used outside of a Field component.
- */
-export declare function useFieldContext(): FieldContext;
-/**
- * Initializes field-related attributes and state for a form control component.
- *
- * Creates id if not provided, manages invalid state, and syncs with Field context.
- */
-export declare function useFieldInit({ idProp, required, disabled, readOnly, invalidProp, }: {
-    idProp: string | undefined;
-    required: boolean | undefined;
-    disabled: boolean | undefined;
-    readOnly?: boolean | undefined;
-    invalidProp: boolean | undefined;
-}): Pick<FieldContext, 'ariaDescribedBy' | 'ariaErrorMessage'> & {
-    invalid: boolean;
+}): T & {
     id: string;
+    'aria-errormessage': string | undefined;
+    'aria-describedby': string | undefined;
+    'aria-invalid': boolean | undefined;
 };

package/dist/components/Field/utils.js

@@ -1,40 +1,13 @@
-import { createContext, useContext, useEffect, useMemo } from 'react';
-import { useId } from '../../hooks/useId';
 export const errorMessageId = (id) => `${id}-field-error`;
 export const labelledById = (id) => `${id}-label`;
 export const describedById = (id) => `${id}-description`;
-export const fieldContext = createContext(null);
-/**
- * Retrieves the current Field context.
- *
- * Will return a default context if used outside of a Field component.
- */
-export function useFieldContext() {
-    return (useContext(fieldContext) || {
-        id: undefined,
-        setContext: () => { },
-    });
-}
-/**
- * Initializes field-related attributes and state for a form control component.
- *
- * Creates id if not provided, manages invalid state, and syncs with Field context.
- */
-export function useFieldInit({ idProp, required, disabled, readOnly, invalidProp, }) {
-    const context = useContext(fieldContext);
-    const controlId = useId(idProp || context?.htmlFor);
-    const invalid = useMemo(() => !disabled && !readOnly && (invalidProp || !!context?.ariaErrorMessage), [disabled, readOnly, invalidProp, context?.ariaErrorMessage]);
-    useEffect(() => {
-        if (!context)
-            return;
-        if (controlId !== context?.htmlFor || !!required !== !!context?.required) {
-            context.setContext({ htmlFor: controlId, required: required });
-        }
-    }, [context, controlId, required]);
+export function propsWithAria({ errorMessage, helperText, controlProps, id, }) {
     return {
-        ...(context || {}),
-        invalid,
-        id: controlId,
+        ...controlProps,
+        id,
+        'aria-errormessage': errorMessage ? errorMessageId(id) : undefined,
+        'aria-describedby': helperText ? describedById(id) : undefined,
+        'aria-invalid': errorMessage ? true : undefined,
     };
 }
 //# sourceMappingURL=utils.js.map

package/dist/components/Field/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Field/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC;AAClE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC;AAC1D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC;AAsBjE,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAsB,IAAI,CAAC,CAAC;AAErE;;;;GAIG;AACH,MAAM,UAAU,eAAe;IAC3B,OAAO,CACH,UAAU,CAAC,YAAY,CAAC,IAAI;QACxB,EAAE,EAAE,SAA8B;QAClC,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;KACvB,CACJ,CAAC;AACN,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,GAOd;IACG,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,IAAI,OAAO,EAAE,OAAO,CAAC,CAAC;IAEpD,MAAM,OAAO,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAC5E,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAC/D,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,SAAS,KAAK,OAAO,EAAE,OAAO,IAAI,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC;YACvE,OAAO,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QACnE,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEnC,OAAO;QACH,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC;QAClB,OAAO;QACP,EAAE,EAAE,SAAS;KAChB,CAAC;AACN,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Field/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC;AAClE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC;AAC1D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,MAAM,UAAU,aAAa,CAAoC,EAC7D,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,EAAE,GAML;IACG,OAAO;QACH,GAAG,YAAY;QACf,EAAE;QACF,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;QAClE,kBAAkB,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;QAC9D,cAAc,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;KAClD,CAAC;AACN,CAAC"}

package/dist/components/FileUpload/FileUpload.js

@@ -98,7 +98,7 @@ export function FileUpload({ dragAndDrop = false, multipleFiles = false, uploadS
     let title = 'Drag and Drop';
     if (!dragAndDrop)
         title = multipleFiles ? 'Upload Files' : 'Upload a File';
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: isDragOver ? 'drag-over' : '', "data-bspk": "file-upload", onDragLeave: dragAndDrop ? handleDrag('leave') : undefined, onDragOver: dragAndDrop ? handleDrag('over') : undefined, onDrop: dragAndDrop ? handleDrop : undefined, children: [_jsx(SvgCloudUpload, {}), _jsx(Txt, { variant: "body-large", children: title }), _jsx(Txt, { variant: "body-small", children: uploadSubtitle }), _jsx("input", { accept: acceptedFileTypes?.join(', '), hidden: true, id: "temp-id", multiple: multipleFiles, onChange: handleFileChange, ref: fileInputRef, type: "file" }), _jsx(Button, { label: "Browse", onClick: handleBrowseClick }), files.length === 1 && files[0].status === 'error' && (_jsx(InlineAlert, { variant: "error", children: files[0].errorMessage || DEFAULT_ERROR_MESSAGE }))] }), _jsx("div", { "data-bspk-owner": "file-upload", "data-file-entries": true, children: fileEntries
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: isDragOver ? 'drag-over' : '', "data-bspk": "file-upload", onDragLeave: dragAndDrop ? handleDrag('leave') : undefined, onDragOver: dragAndDrop ? handleDrag('over') : undefined, onDrop: dragAndDrop ? handleDrop : undefined, children: [_jsx(SvgCloudUpload, {}), _jsx(Txt, { variant: "body-large", children: title }), _jsx(Txt, { variant: "body-small", children: uploadSubtitle }), _jsx("input", { accept: acceptedFileTypes?.join(', '), hidden: true, id: "temp-id", multiple: multipleFiles, onChange: handleFileChange, ref: fileInputRef, type: "file" }), _jsx(Button, { label: "Browse", onClick: handleBrowseClick }), files.length === 1 && files[0].status === 'error' && (_jsx(InlineAlert, { label: files[0].errorMessage || DEFAULT_ERROR_MESSAGE, variant: "error" }))] }), _jsx("div", { "data-bspk-owner": "file-upload", "data-file-entries": true, children: fileEntries
                     .sort(
                 // files with errors last
                 (a, b) => (a.status === 'error' ? 1 : -1) + (b.status === 'error' ? -1 : 1) ||

package/dist/components/FileUpload/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}

package/dist/components/FileUploadItem/FileUploadItem.js

@@ -27,7 +27,7 @@ import { DEFAULT_ERROR_MESSAGE } from '../../utils/fileUploads';
  */
 export function FileUploadItem({ fileName = '', status, fileSize, onCancel, cancelButtonLabel: onCancelToolTip = 'Cancel', progress = 0, errorMessage = DEFAULT_ERROR_MESSAGE, }) {
     const subText = [fileSizeFormat(fileSize), status].filter(Boolean).join(' • ');
-    return (_jsxs("div", { "data-bspk": "file-upload-item", children: [_jsxs("div", { "data-row": true, children: [_jsx("div", { "data-icon": true, children: _jsx(SvgDraft, {}) }), _jsxs("div", { "data-info": true, children: [_jsx(Truncated, { "data-file-name": true, children: fileName }), _jsx("span", { "data-file-details": true, children: subText })] }), _jsx(Button, { icon: _jsx(SvgDelete, {}), iconOnly: true, label: onCancelToolTip || 'Cancel', onClick: () => onCancel({ fileName }), size: "large", variant: "tertiary" })] }), _jsx("div", { "data-status": true, children: status === 'error' ? (_jsx(InlineAlert, { variant: "error", children: errorMessage })) : (_jsx(ProgressBar, { align: "left", completion: progress, label: `${Math.max(0, Math.min(100, Math.round(progress))) // Ensure completion is between 0 and 100
+    return (_jsxs("div", { "data-bspk": "file-upload-item", children: [_jsxs("div", { "data-row": true, children: [_jsx("div", { "data-icon": true, children: _jsx(SvgDraft, {}) }), _jsxs("div", { "data-info": true, children: [_jsx(Truncated, { "data-file-name": true, children: fileName }), _jsx("span", { "data-file-details": true, children: subText })] }), _jsx(Button, { icon: _jsx(SvgDelete, {}), iconOnly: true, label: onCancelToolTip || 'Cancel', onClick: () => onCancel({ fileName }), size: "large", variant: "tertiary" })] }), _jsx("div", { "data-status": true, children: status === 'error' ? (_jsx(InlineAlert, { label: errorMessage, variant: "error" })) : (_jsx(ProgressBar, { align: "left", completion: progress, label: `${Math.max(0, Math.min(100, Math.round(progress))) // Ensure completion is between 0 and 100
                     }%` })) })] }));
 }
 const KB = 1024;

package/dist/components/FileUploadItem/FileUploadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadItem.js","sourceRoot":"","sources":["../../../src/components/FileUploadItem/FileUploadItem.tsx"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAa,MAAM,qBAAqB,CAAC;AAiBvE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,cAAc,CAAC,EAC3B,QAAQ,GAAG,EAAE,EACb,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,iBAAiB,EAAE,eAAe,GAAG,QAAQ,EAC7C,QAAQ,GAAG,CAAC,EACZ,YAAY,GAAG,qBAAqB,GAClB;IAClB,MAAM,OAAO,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE/E,OAAO,CACH,4BAAe,kBAAkB,aAC7B,4CACI,2CACI,KAAC,QAAQ,KAAG,GACV,EACN,6CACI,KAAC,SAAS,sCAAiB,QAAQ,GAAa,EAChD,oDAAyB,OAAO,GAAQ,IACtC,EACN,KAAC,MAAM,IACH,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,QAAQ,QACR,KAAK,EAAE,eAAe,IAAI,QAAQ,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,EACrC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,GACpB,IACA,EACN,6CACK,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAClB,KAAC,WAAW,IAAC,OAAO,EAAC,OAAO,YAAE,YAAY,GAAe,CAC5D,CAAC,CAAC,CAAC,CACA,KAAC,WAAW,IACR,KAAK,EAAC,MAAM,EACZ,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE,GACH,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,yCAAyC;oBAC9F,GAAG,GACL,CACL,GACC,IACJ,CACT,CAAC;AACN,CAAC;AAED,MAAM,EAAE,GAAG,IAAI,CAAC;AAChB,MAAM,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;AACrB,MAAM,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;AAErB;;;;;;;;GAQG;AACH,SAAS,cAAc,CAAC,QAAiB;IACrC,IAAI,CAAC,QAAQ;QAAE,OAAO,cAAc,CAAC;IAErC,MAAM,UAAU,GAAG,QAAQ,GAAG,EAAE,CAAC,CAAC,sBAAsB;IAExD,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAE7D,IAAI,UAAU,GAAG,EAAE;QAAE,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;IAC9D,IAAI,UAAU,GAAG,EAAE;QAAE,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;IAC9D,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;AAC7C,CAAC"}
+{"version":3,"file":"FileUploadItem.js","sourceRoot":"","sources":["../../../src/components/FileUploadItem/FileUploadItem.tsx"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAa,MAAM,qBAAqB,CAAC;AAiBvE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,cAAc,CAAC,EAC3B,QAAQ,GAAG,EAAE,EACb,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,iBAAiB,EAAE,eAAe,GAAG,QAAQ,EAC7C,QAAQ,GAAG,CAAC,EACZ,YAAY,GAAG,qBAAqB,GAClB;IAClB,MAAM,OAAO,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE/E,OAAO,CACH,4BAAe,kBAAkB,aAC7B,4CACI,2CACI,KAAC,QAAQ,KAAG,GACV,EACN,6CACI,KAAC,SAAS,sCAAiB,QAAQ,GAAa,EAChD,oDAAyB,OAAO,GAAQ,IACtC,EACN,KAAC,MAAM,IACH,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,QAAQ,QACR,KAAK,EAAE,eAAe,IAAI,QAAQ,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,EACrC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,GACpB,IACA,EACN,6CACK,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAClB,KAAC,WAAW,IAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAC,OAAO,GAAG,CACvD,CAAC,CAAC,CAAC,CACA,KAAC,WAAW,IACR,KAAK,EAAC,MAAM,EACZ,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE,GACH,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,yCAAyC;oBAC9F,GAAG,GACL,CACL,GACC,IACJ,CACT,CAAC;AACN,CAAC;AAED,MAAM,EAAE,GAAG,IAAI,CAAC;AAChB,MAAM,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;AACrB,MAAM,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;AAErB;;;;;;;;GAQG;AACH,SAAS,cAAc,CAAC,QAAiB;IACrC,IAAI,CAAC,QAAQ;QAAE,OAAO,cAAc,CAAC;IAErC,MAAM,UAAU,GAAG,QAAQ,GAAG,EAAE,CAAC,CAAC,sBAAsB;IAExD,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAE7D,IAAI,UAAU,GAAG,EAAE;QAAE,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;IAC9D,IAAI,UAAU,GAAG,EAAE;QAAE,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;IAC9D,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;AAC7C,CAAC"}

package/dist/components/Flex/Flex.d.ts

@@ -42,16 +42,20 @@ export type FlexProps<As extends ElementType = ElementType> = {
  * Utility component used within other components for layout purposes.
  *
  * @example
- *     import { Flex } from '@bspk/ui/Flex';
+ *     import { Flex } from '-/components/Flex';
  *
- *     <Flex gap="24" justify="center" style={{ width: '100%' }}>
- *         <div>Alpha</div>
- *         <div>Beta</div>
- *         <div>Gamma</div>
- *     </Flex>;
+ *     () => {
+ *         return (
+ *             <Flex gap="24" justify="center" style={{ width: '100%' }}>
+ *                 <div>Alpha</div>
+ *                 <div>Beta</div>
+ *                 <div>Gamma</div>
+ *             </Flex>
+ *         );
+ *     };
  *
  * @name Flex
  * @phase Utility
  */
-export declare function Flex<As extends ElementType = ElementType>({ children, gap, style, as, align, justify, wrap, direction, padding, ...props }: ElementProps<FlexProps<As>, As>): import("react/jsx-runtime").JSX.Element;
+export declare function Flex<As extends ElementType = ElementType>({ children, gap, style, as, align, justify, wrap, direction, padding, full, ...props }: ElementProps<FlexProps<As>, As>): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Flex/Flex.js

@@ -4,18 +4,22 @@ import { numToSizingVar } from '../../utils/sizing';
  * Utility component used within other components for layout purposes.
  *
  * @example
- *     import { Flex } from '@bspk/ui/Flex';
+ *     import { Flex } from '.';
  *
- *     <Flex gap="24" justify="center" style={{ width: '100%' }}>
- *         <div>Alpha</div>
- *         <div>Beta</div>
- *         <div>Gamma</div>
- *     </Flex>;
+ *     () => {
+ *         return (
+ *             <Flex gap="24" justify="center" style={{ width: '100%' }}>
+ *                 <div>Alpha</div>
+ *                 <div>Beta</div>
+ *                 <div>Gamma</div>
+ *             </Flex>
+ *         );
+ *     };
  *
  * @name Flex
  * @phase Utility
  */
-export function Flex({ children, gap, style, as, align = 'flex-start', justify = 'flex-start', wrap, direction = 'row', padding, ...props }) {
+export function Flex({ children, gap, style, as, align = 'flex-start', justify = 'flex-start', wrap, direction = 'row', padding, full, ...props }) {
     const As = as || 'div';
     const alignItems = align === 'start' ? 'flex-start' : align === 'end' ? 'flex-end' : align;
     const paddingValue = getPaddingValue(padding);
@@ -27,7 +31,7 @@ export function Flex({ children, gap, style, as, align = 'flex-start', justify =
             justifyContent: justify || 'flex-start',
             flexWrap: wrap ? 'wrap' : 'nowrap',
             padding: paddingValue,
-            width: props.full ? '100%' : undefined,
+            width: full ? '100%' : undefined,
             ...style,
         }, children: children }));
 }

package/dist/components/Flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAgB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAwC9D;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,IAAI,CAAuC,EACvD,QAAQ,EACR,GAAG,EACH,KAAK,EACL,EAAE,EACF,KAAK,GAAG,YAAY,EACpB,OAAO,GAAG,YAAY,EACtB,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,GAAG,KAAK,EACsB;IAC9B,MAAM,EAAE,GAAgB,EAAE,IAAI,KAAK,CAAC;IAEpC,MAAM,UAAU,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3F,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAE9C,OAAO,CACH,KAAC,EAAE,OACK,KAAK,uBACS,MAAM,EACxB,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,SAAS;YACxB,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC;YACxB,UAAU;YACV,cAAc,EAAE,OAAO,IAAI,YAAY;YACvC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YAClC,OAAO,EAAE,YAAY;YACrB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YACtC,GAAG,KAAK;SACX,YAEA,QAAQ,GACR,CACR,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CAAC,OAAuC;IAC5D,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IAE/B,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACnG,CAAC"}
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAgB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAwC9D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,IAAI,CAAuC,EACvD,QAAQ,EACR,GAAG,EACH,KAAK,EACL,EAAE,EACF,KAAK,GAAG,YAAY,EACpB,OAAO,GAAG,YAAY,EACtB,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACsB;IAC9B,MAAM,EAAE,GAAgB,EAAE,IAAI,KAAK,CAAC;IAEpC,MAAM,UAAU,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3F,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAE9C,OAAO,CACH,KAAC,EAAE,OACK,KAAK,uBACS,MAAM,EACxB,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,SAAS;YACxB,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC;YACxB,UAAU;YACV,cAAc,EAAE,OAAO,IAAI,YAAY;YACvC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;YAClC,OAAO,EAAE,YAAY;YACrB,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YAChC,GAAG,KAAK;SACX,YAEA,QAAQ,GACR,CACR,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CAAC,OAAuC;IAC5D,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IAE/B,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACnG,CAAC"}

package/dist/components/InlineAlert/InlineAlert.d.ts

@@ -7,7 +7,7 @@ export type InlineAlertProps = CommonProps<'owner'> & {
      * @type multiline
      * @required
      */
-    children: string;
+    label: string;
     /**
      * The color variant of the inline alert.
      *
@@ -29,5 +29,5 @@ export type InlineAlertProps = CommonProps<'owner'> & {
  * @name InlineAlert
  * @phase Stable
  */
-export declare function InlineAlert({ children, variant, id, owner }: InlineAlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function InlineAlert({ label, variant, id, owner }: InlineAlertProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/InlineAlert/InlineAlert.js

@@ -17,8 +17,8 @@ import { Txt } from '../Txt';
  * @name InlineAlert
  * @phase Stable
  */
-export function InlineAlert({ children, variant = 'informational', id, owner }) {
-    return (_jsxs("div", { "data-bspk": "inline-alert", "data-bspk-owner": owner || undefined, "data-variant": variant, id: id, role: "alert", children: [VARIANT_ICON[variant], _jsx(Txt, { variant: "body-small", children: children })] }));
+export function InlineAlert({ label, variant = 'informational', id, owner }) {
+    return (_jsxs("div", { "data-bspk": "inline-alert", "data-bspk-owner": owner || undefined, "data-variant": variant, id: id, role: "alert", children: [VARIANT_ICON[variant], _jsx(Txt, { variant: "body-small", children: label })] }));
 }
 const VARIANT_ICON = {
     error: _jsx(SvgErrorFill, {}),

package/dist/components/InlineAlert/InlineAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineAlert.js","sourceRoot":"","sources":["../../../src/components/InlineAlert/InlineAlert.tsx"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAqBvC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,eAAe,EAAE,EAAE,EAAE,KAAK,EAAoB;IAC5F,OAAO,CACH,4BAAe,cAAc,qBAAkB,KAAK,IAAI,SAAS,kBAAgB,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,aACzG,YAAY,CAAC,OAAO,CAAC,EACtB,KAAC,GAAG,IAAC,OAAO,EAAC,YAAY,YAAE,QAAQ,GAAO,IACxC,CACT,CAAC;AACN,CAAC;AAED,MAAM,YAAY,GAAoC;IAClD,KAAK,EAAE,KAAC,YAAY,KAAG;IACvB,aAAa,EAAE,KAAC,WAAW,KAAG;IAC9B,OAAO,EAAE,KAAC,kBAAkB,KAAG;IAC/B,OAAO,EAAE,KAAC,iBAAiB,KAAG;CACjC,CAAC"}
+{"version":3,"file":"InlineAlert.js","sourceRoot":"","sources":["../../../src/components/InlineAlert/InlineAlert.tsx"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAqBvC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,eAAe,EAAE,EAAE,EAAE,KAAK,EAAoB;IACzF,OAAO,CACH,4BAAe,cAAc,qBAAkB,KAAK,IAAI,SAAS,kBAAgB,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,aACzG,YAAY,CAAC,OAAO,CAAC,EACtB,KAAC,GAAG,IAAC,OAAO,EAAC,YAAY,YAAE,KAAK,GAAO,IACrC,CACT,CAAC;AACN,CAAC;AAED,MAAM,YAAY,GAAoC;IAClD,KAAK,EAAE,KAAC,YAAY,KAAG;IACvB,aAAa,EAAE,KAAC,WAAW,KAAG;IAC9B,OAAO,EAAE,KAAC,kBAAkB,KAAG;IAC/B,OAAO,EAAE,KAAC,iBAAiB,KAAG;CACjC,CAAC"}

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

@@ -1,33 +1,78 @@
 import './input.scss';
-import { InputElementProps } from './InputElement';
-import { ElementProps } from '-/types/common';
-export type InputProps = Omit<InputElementProps, 'ariaDescribedBy' | 'ariaErrorMessage'>;
+import { HTMLInputTypeAttribute, ReactNode } from 'react';
+import { CommonProps, ElementProps, SetRef, FieldControlProps } from '-/types/common';
+export declare const DEFAULT: {
+    readonly size: "medium";
+    readonly value: "";
+    readonly type: Extract<HTMLInputTypeAttribute, "number" | "text">;
+    readonly autoComplete: "off";
+};
+export type InputBaseProps = CommonProps<'owner' | 'size'> & FieldControlProps & {
+    /** The ref of the container. */
+    containerRef?: SetRef<HTMLDivElement>;
+    /** The ref of the input. */
+    inputRef?: SetRef<HTMLInputElement>;
+    /**
+     * The trailing element to display in the field.
+     *
+     * @exampleType string
+     */
+    trailing?: ReactNode;
+    /**
+     * The leading element to display in the field.
+     *
+     * @exampleType string
+     */
+    leading?: ReactNode;
+    /** The placeholder of the field. */
+    placeholder?: string;
+    /**
+     * The type of the input.
+     *
+     * @default text
+     */
+    type?: Extract<HTMLInputTypeAttribute, 'number' | 'password' | 'text'>;
+    /**
+     * Specifies if user agent has any permission to provide automated assistance in filling out form field values
+     *
+     * @default off
+     */
+    autoComplete?: 'off' | 'on';
+    /**
+     * Specifies if the clear button should be shown. This should almost always be true, but can be set to false.
+     *
+     * @default true
+     */
+    showClearButton?: boolean;
+};
+export type InputProps = InputBaseProps & {
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputBaseProps>;
+};
 /**
- * An input that allows users to enter text, numbers or symbols in a singular line.
- *
- * For a more complete example with field usage, see the InputField component.
+ * An input that allows users to enter text, numbers or symbols in a singular line. This is a utility element and is not
+ * intended to be used directly but rather through the Input, and other components.
  *
  * @example
- *     import { useState } from 'react';
  *     import { Input } from '@bspk/ui/Input';
- *     import { Field, FieldLabel, FieldDescription } from '@bspk/ui/Field';
  *
  *     () => {
- *         const [fieldDate, setFieldDate] = useState<string>();
+ *         const [value, setValue] = useState<string>();
  *
  *         return (
  *             <div style={{ width: 320 }}>
- *                 <Field>
- *                     <FieldLabel>Example Label</FieldLabel>
- *                     <Input name="example-name" onChange={setFieldDate} value={fieldDate} />
- *                     <FieldDescription>This is an example input field.</FieldDescription>
+ *                 <Field
+ *                     controlId="example-control-id"
+ *                     helperText="This is an example input field."
+ *                     label="Example Input"
+ *                 >
+ *                     <Input id="example-control-id" name="example-name" onChange={setValue} value={value} />
  *                 </Field>
  *             </div>
  *         );
  *     };
  *
  * @name Input
- * @phase UXReview
+ * @phase Utility
  */
-export declare function Input({ invalid: invalidProp, onChange, size, value, name, 'aria-label': ariaLabel, inputRef, required, placeholder, id: idProp, leading, trailing, type, readOnly, disabled, autoComplete, containerRef, showClearButton: showClearButtonProp, owner, inputProps, ...props }: ElementProps<InputProps, 'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ invalid, onChange, size, value, name, 'aria-label': ariaLabel, inputRef, required, placeholder, id, leading, trailing, type, readOnly, disabled, autoComplete, containerRef, showClearButton: showClearButtonProp, owner, inputProps, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, ...props }: ElementProps<InputProps, 'div'>): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Input/Input.js

@@ -1,44 +1,61 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './input.css.js';
-import { DEFAULT, InputElement } from './InputElement';
-import { useFieldInit } from '../Field';
+import { SvgCancel } from '@bspk/icons/Cancel';
+import { useMemo, useRef } from 'react';
+import { Button } from '../Button';
+import { useTimeout } from '../../hooks/useTimeout';
+export const DEFAULT = {
+    size: 'medium',
+    value: '',
+    type: 'text',
+    autoComplete: 'off',
+};
 /**
- * An input that allows users to enter text, numbers or symbols in a singular line.
- *
- * For a more complete example with field usage, see the InputField component.
+ * An input that allows users to enter text, numbers or symbols in a singular line. This is a utility element and is not
+ * intended to be used directly but rather through the Input, and other components.
  *
  * @example
- *     import { useState } from 'react';
  *     import { Input } from '@bspk/ui/Input';
- *     import { Field, FieldLabel, FieldDescription } from '@bspk/ui/Field';
  *
  *     () => {
- *         const [fieldDate, setFieldDate] = useState<string>();
+ *         const [value, setValue] = useState<string>();
  *
  *         return (
  *             <div style={{ width: 320 }}>
- *                 <Field>
- *                     <FieldLabel>Example Label</FieldLabel>
- *                     <Input name="example-name" onChange={setFieldDate} value={fieldDate} />
- *                     <FieldDescription>This is an example input field.</FieldDescription>
+ *                 <Field
+ *                     controlId="example-control-id"
+ *                     helperText="This is an example input field."
+ *                     label="Example Input"
+ *                 >
+ *                     <Input id="example-control-id" name="example-name" onChange={setValue} value={value} />
  *                 </Field>
  *             </div>
  *         );
  *     };
  *
  * @name Input
- * @phase UXReview
+ * @phase Utility
  */
-export function Input({ invalid: invalidProp, onChange, size = DEFAULT.size, value = DEFAULT.value, name, 'aria-label': ariaLabel = 'Input', inputRef, required = false, placeholder, id: idProp, leading, trailing, type = DEFAULT.type, readOnly, disabled, autoComplete = DEFAULT.autoComplete, containerRef, showClearButton: showClearButtonProp = true, owner, inputProps, ...props }) {
-    const { id, ariaDescribedBy, ariaErrorMessage, invalid } = useFieldInit({
-        idProp,
-        required,
-        disabled,
-        readOnly,
-        invalidProp,
-    });
-    return (
-    // data-bspk="input" -- because InputElement already has it :)
-    _jsx(InputElement, { ...props, "aria-label": ariaLabel, ariaDescribedBy: ariaDescribedBy, ariaErrorMessage: ariaErrorMessage, autoComplete: autoComplete, containerRef: containerRef, disabled: disabled, id: id, inputProps: inputProps, inputRef: inputRef, invalid: invalid, leading: leading, name: name, onChange: onChange, owner: owner, placeholder: placeholder, readOnly: readOnly, showClearButton: showClearButtonProp, size: size, trailing: trailing, type: type, value: value }));
+export function Input({ invalid, onChange, size = DEFAULT.size, value = DEFAULT.value, name, 'aria-label': ariaLabel = 'Input', inputRef, required = false, placeholder, id, leading, trailing, type = DEFAULT.type, readOnly, disabled, autoComplete = DEFAULT.autoComplete, containerRef, showClearButton: showClearButtonProp = true, owner, inputProps, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, ...props }) {
+    const showClearButton = useMemo(() => showClearButtonProp !== false && !readOnly && !disabled && !!value?.toString().length, [showClearButtonProp, readOnly, disabled, value]);
+    const inputRefInternal = useRef(null);
+    const focusTimeout = useTimeout();
+    return (_jsxs("div", { ...props, "data-bspk": "input", "data-bspk-owner": owner || undefined, "data-disabled": disabled || undefined, "data-empty": !value.toString().length || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-show-clear-button": showClearButton || undefined, "data-size": size, ref: containerRef, children: [leading && _jsx("span", { "data-leading": true, children: leading }), _jsx("input", { ...inputProps, "aria-describedby": ariaDescribedBy || undefined, "aria-errormessage": ariaErrorMessage || undefined, "aria-invalid": invalid || undefined, "aria-label": ariaLabel, autoComplete: autoComplete, "data-main-input": true, disabled: disabled || undefined, id: id, name: name, onBlur: (event) => {
+                    inputProps?.onBlur?.(event);
+                }, onChange: (event) => {
+                    onChange(event.target.value, event);
+                }, onFocus: (event) => {
+                    inputProps?.onFocus?.(event);
+                }, placeholder: placeholder || ' ', readOnly: readOnly || undefined, ref: (node) => {
+                    if (!node)
+                        return;
+                    inputRef?.(node);
+                    inputRefInternal.current = node;
+                }, required: required || undefined, type: type, value: value || '' }), trailing && _jsx("span", { "data-trailing": true, children: trailing }), showClearButton && (_jsx(Button, { "data-clear-button": true, icon: _jsx(SvgCancel, {}), iconOnly: true, label: "Clear", onClick: () => {
+                    onChange('');
+                    inputRefInternal.current?.focus();
+                }, onFocus: () => {
+                    focusTimeout.clear();
+                }, size: size, variant: "tertiary" }))] }));
 }
 //# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAKlD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,KAAK,CAAC,EAClB,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,IAAI,GAAG,OAAO,CAAC,IAAI,EACnB,KAAK,GAAG,OAAO,CAAC,KAAK,EACrB,IAAI,EACJ,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,EAAE,EAAE,MAAM,EACV,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,OAAO,CAAC,IAAI,EACnB,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,OAAO,CAAC,YAAY,EACnC,YAAY,EACZ,eAAe,EAAE,mBAAmB,GAAG,IAAI,EAC3C,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACsB;IAC9B,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;QACpE,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,WAAW;KACd,CAAC,CAAC;IAEH,OAAO;IACH,8DAA8D;IAC9D,KAAC,YAAY,OACL,KAAK,gBACG,SAAS,EACrB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,mBAAmB,EACpC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACd,CACL,CAAC;AACN,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/components/Input/InputExample.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Input } from '.';
-import { Field, FieldLabel, FieldDescription } from '../Field';
+import { Field } from '../Field';
 export const InputExample = {
     containerStyle: { width: 320, padding: 0 },
     defaultState: {
@@ -58,7 +58,7 @@ export const InputExample = {
     sections: [],
 };
 export const Usage = () => {
-    const [fieldDate, setFieldDate] = useState();
-    return (_jsx("div", { style: { width: 320 }, children: _jsxs(Field, { children: [_jsx(FieldLabel, { children: "Example Label" }), _jsx(Input, { name: "example-name", onChange: setFieldDate, value: fieldDate }), _jsx(FieldDescription, { children: "This is an example input field." })] }) }));
+    const [value, setValue] = useState();
+    return (_jsx("div", { style: { width: 320 }, children: _jsx(Field, { controlId: "example-control-id", helperText: "This is an example input field.", label: "Example Input", children: _jsx(Input, { id: "example-control-id", name: "example-name", onChange: setValue, value: value }) }) }));
 };
 //# sourceMappingURL=InputExample.js.map

package/dist/components/Input/InputExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputExample.js","sourceRoot":"","sources":["../../../src/components/Input/InputExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAc,MAAM,GAAG,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAKzE,MAAM,CAAC,MAAM,YAAY,GAAwC;IAC7D,cAAc,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;IAC1C,YAAY,EAAE;QACV,KAAK,EAAE,sBAAsB;QAC7B,YAAY,EAAE,kBAAkB;QAChC,WAAW,EAAE,wCAAwC;QACrD,WAAW,EAAE,mCAAmC;KACnD;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,OAAO,EAAE;QACL;YACI,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,SAAS;gBACnB,WAAW,EAAE,MAAM;gBACnB,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,2BAA2B;aAC3C;SACJ;QACD;YACI,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,SAAS;gBAClB,QAAQ,EAAE,GAAG;gBACb,WAAW,EAAE,GAAG;gBAChB,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,gCAAgC;aAChD;SACJ;QACD;YACI,KAAK,EAAE,WAAW;YAClB,SAAS,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,SAAS;gBAClB,WAAW,EAAE,GAAG;gBAChB,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,WAAW;gBAClB,WAAW,EAAE,4BAA4B;aAC5C;SACJ;KACJ;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,KAAK;KACd;IACD,QAAQ,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE;IACtB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAU,CAAC;IAErD,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YACtB,MAAC,KAAK,eACF,KAAC,UAAU,gCAA2B,EACtC,KAAC,KAAK,IAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,GAAI,EACvE,KAAC,gBAAgB,kDAAmD,IAChE,GACN,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"InputExample.js","sourceRoot":"","sources":["../../../src/components/Input/InputExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAc,MAAM,GAAG,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAK3C,MAAM,CAAC,MAAM,YAAY,GAAwC;IAC7D,cAAc,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;IAC1C,YAAY,EAAE;QACV,KAAK,EAAE,sBAAsB;QAC7B,YAAY,EAAE,kBAAkB;QAChC,WAAW,EAAE,wCAAwC;QACrD,WAAW,EAAE,mCAAmC;KACnD;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,OAAO,EAAE;QACL;YACI,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,SAAS;gBACnB,WAAW,EAAE,MAAM;gBACnB,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,2BAA2B;aAC3C;SACJ;QACD;YACI,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,SAAS;gBAClB,QAAQ,EAAE,GAAG;gBACb,WAAW,EAAE,GAAG;gBAChB,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,gCAAgC;aAChD;SACJ;QACD;YACI,KAAK,EAAE,WAAW;YAClB,SAAS,EAAE;gBACP,KAAK,EAAE,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,SAAS;gBAClB,WAAW,EAAE,GAAG;gBAChB,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,WAAW;gBAClB,WAAW,EAAE,4BAA4B;aAC5C;SACJ;KACJ;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,KAAK;KACd;IACD,QAAQ,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE;IACtB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE7C,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YACtB,KAAC,KAAK,IAAC,SAAS,EAAC,oBAAoB,EAAC,UAAU,EAAC,iCAAiC,EAAC,KAAK,EAAC,eAAe,YACpG,KAAC,KAAK,IAAC,EAAE,EAAC,oBAAoB,EAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,GACnF,GACN,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,2 +1 @@
 export * from './Input';
-export * from './InputElement';

package/dist/components/Input/index.js

@@ -1,3 +1,2 @@
 export * from './Input';
-export * from './InputElement';
 //# sourceMappingURL=index.js.map

package/dist/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}