@bspk/ui 1.3.2 → 1.3.4

package/dist/components/ChipInput/ChipInputExample.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const presets = [
-    {
-        label: 'Basic ChipInput',
-        propState: {
-            label: 'chip option',
-        },
-    },
-    {
-        label: 'with leadingIcon',
-        propState: {
-            label: 'chip option',
-            leadingIcon: 'SignLanguage',
-        },
-    },
-    {
-        label: 'with removable = false',
-        propState: {
-            label: 'chip option',
-            removable: false,
-        },
-    },
-    {
-        label: 'with removable = false and leadingIcon',
-        propState: {
-            label: 'chip option',
-            leadingIcon: 'SignLanguage',
-            removable: false,
-        },
-    },
-    {
-        label: 'disabled',
-        propState: {
-            label: 'chip option',
-            leadingIcon: 'SignLanguage',
-            disabled: true,
-        },
-    },
-];
-export const ChipInputExample = ({ action }) => ({
-    containerStyle: { width: '100%' },
-    render: ({ props, Component }) => {
-        return _jsx(Component, { ...props, onClick: () => action('ChipInput clicked!') });
-    },
-    presets,
-});
-//# sourceMappingURL=ChipInputExample.js.map

package/dist/components/ChipInput/ChipInputExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipInputExample.js","sourceRoot":"","sources":["../../../src/components/ChipInput/ChipInputExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,OAAO,GAA6B;IAC7C;QACI,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE;YACP,KAAK,EAAE,aAAa;SACvB;KACJ;IACD;QACI,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE;YACP,KAAK,EAAE,aAAa;YACpB,WAAW,EAAE,cAAc;SAC9B;KACJ;IACD;QACI,KAAK,EAAE,wBAAwB;QAC/B,SAAS,EAAE;YACP,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,KAAK;SACnB;KACJ;IACD;QACI,KAAK,EAAE,wCAAwC;QAC/C,SAAS,EAAE;YACP,KAAK,EAAE,aAAa;YACpB,WAAW,EAAE,cAAc;YAC3B,SAAS,EAAE,KAAK;SACnB;KACJ;IACD;QACI,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE;YACP,KAAK,EAAE,aAAa;YACpB,WAAW,EAAE,cAAc;YAC3B,QAAQ,EAAE,IAAI;SACjB;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAuC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACjF,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,GAAI,CAAC;IACjF,CAAC;IACD,OAAO;CACV,CAAC,CAAC"}

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

@@ -1 +0,0 @@
-export * from './ChipInput';

package/dist/components/ChipInput/index.js

@@ -1,2 +0,0 @@
-export * from './ChipInput';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChipInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/ChipSuggestion/ChipSuggestion.d.ts

@@ -1,17 +0,0 @@
-import { ChipUtilityProps } from '-/components/ChipUtility';
-export type ChipSuggestionProps = Pick<ChipUtilityProps, 'disabled' | 'label' | 'onClick'>;
-/**
- * Dynamically generated options that are suggested to the customer as responses or prompts.
- *
- * @example
- *     import { ChipSuggestion } from '@bspk/ui/ChipSuggestion';
- *
- *     function Example() {
- *         return <ChipSuggestion label="Suggestion Chip" onClick={() => console.log('Suggestion')} />;
- *     }
- *
- * @name ChipSuggestion
- * @phase UXReview
- */
-export declare function ChipSuggestion({ disabled, label, onClick }: ChipSuggestionProps): import("react/jsx-runtime").JSX.Element;
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/ChipSuggestion/ChipSuggestion.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ChipUtility } from '../ChipUtility';
-/**
- * Dynamically generated options that are suggested to the customer as responses or prompts.
- *
- * @example
- *     import { ChipSuggestion } from '@bspk/ui/ChipSuggestion';
- *
- *     function Example() {
- *         return <ChipSuggestion label="Suggestion Chip" onClick={() => console.log('Suggestion')} />;
- *     }
- *
- * @name ChipSuggestion
- * @phase UXReview
- */
-export function ChipSuggestion({ disabled, label, onClick }) {
-    return _jsx(ChipUtility, { "data-bspk": "chip-suggestion", disabled: disabled, label: label, onClick: onClick });
-}
-//# sourceMappingURL=ChipSuggestion.js.map

package/dist/components/ChipSuggestion/ChipSuggestion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipSuggestion.js","sourceRoot":"","sources":["../../../src/components/ChipSuggestion/ChipSuggestion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,0BAA0B,CAAC;AAIzE;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAuB;IAC5E,OAAO,KAAC,WAAW,iBAAW,iBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3G,CAAC"}

package/dist/components/ChipSuggestion/ChipSuggestionExample.d.ts

@@ -1,4 +0,0 @@
-import { ChipSuggestionProps } from '.';
-import { ComponentExampleFn, Preset } from '-/utils/demo';
-export declare const presets: Preset<ChipSuggestionProps>[];
-export declare const ChipSuggestionExample: ComponentExampleFn<ChipSuggestionProps>;

package/dist/components/ChipSuggestion/ChipSuggestionExample.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const presets = [
-    {
-        label: 'ChipSuggestion example',
-        propState: {
-            label: 'chip option',
-        },
-    },
-    {
-        label: 'disabled',
-        propState: {
-            label: 'chip option',
-            disabled: true,
-        },
-    },
-];
-export const ChipSuggestionExample = ({ action }) => ({
-    containerStyle: { width: '100%' },
-    render: ({ props, Component }) => {
-        return _jsx(Component, { ...props, onClick: () => action('ChipSuggestion clicked!') });
-    },
-    presets,
-});
-//# sourceMappingURL=ChipSuggestionExample.js.map

package/dist/components/ChipSuggestion/ChipSuggestionExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipSuggestionExample.js","sourceRoot":"","sources":["../../../src/components/ChipSuggestion/ChipSuggestionExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,OAAO,GAAkC;IAClD;QACI,KAAK,EAAE,wBAAwB;QAC/B,SAAS,EAAE;YACP,KAAK,EAAE,aAAa;SACvB;KACJ;IACD;QACI,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE;YACP,KAAK,EAAE,aAAa;YACpB,QAAQ,EAAE,IAAI;SACjB;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAA4C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3F,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,yBAAyB,CAAC,GAAI,CAAC;IACtF,CAAC;IACD,OAAO;CACV,CAAC,CAAC"}

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

@@ -1 +0,0 @@
-export * from './ChipSuggestion';

package/dist/components/ChipSuggestion/index.js

@@ -1,2 +0,0 @@
-export * from './ChipSuggestion';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChipSuggestion/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/ChipUtility/ChipUtility.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import './chip-utility.css.js';
-import { isValidElement } from 'react';
-import { Badge } from '../Badge';
-/**
- * Dynamically generated options that are suggested to the user as responses or prompts.
- *
- * @example
- *     import { ChipUtility } from '@bspk/ui/ChipUtility';
- *
- *     function Example() {
- *         return (
- *             <Chip label="Label" onClick={() => console.log('Chip clicked!')}>
- *                 Example Chip
- *             </Chip>
- *         );
- *     }
- *
- * @name ChipUtility
- * @phase Utility
- */
-export function ChipUtility({ flat = false, disabled = false, label, selected = false, leadingIcon, onClick, trailingIcon, trailingBadge, }) {
-    return (_jsxs("button", { "data-bspk-utility": "chip-utility", "data-disabled": disabled || undefined, "data-flat": flat || undefined, "data-selected": selected || undefined, "data-touch-target-parent": true, disabled: disabled, onClick: disabled ? undefined : onClick, children: [_jsxs(_Fragment, { children: [isValidElement(leadingIcon) && (_jsx("span", { "aria-hidden": "true", "data-chip-icon": true, children: leadingIcon })), _jsx("span", { children: label }), isValidElement(trailingIcon) && (_jsx("span", { "aria-hidden": "true", "data-chip-icon": true, children: trailingIcon })), trailingBadge && !trailingIcon && (_jsx(Badge, { count: trailingBadge.count, size: trailingBadge.size, surfaceBorder: trailingBadge.surfaceBorder }))] }), _jsx("span", { "data-touch-target": true })] }));
-}
-//# sourceMappingURL=ChipUtility.js.map

package/dist/components/ChipUtility/ChipUtility.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipUtility.js","sourceRoot":"","sources":["../../../src/components/ChipUtility/ChipUtility.tsx"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAa,cAAc,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,KAAK,EAAc,MAAM,oBAAoB,CAAC;AAyDvD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,WAAW,CAAC,EACxB,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,OAAO,EACP,YAAY,EACZ,aAAa,GACE;IACf,OAAO,CACH,uCACsB,cAAc,mBACjB,QAAQ,IAAI,SAAS,eACzB,IAAI,IAAI,SAAS,mBACb,QAAQ,IAAI,SAAS,oCAEpC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,aAEvC,8BACK,cAAc,CAAC,WAAW,CAAC,IAAI,CAC5B,8BAAkB,MAAM,oCACnB,WAAW,GACT,CACV,EACD,yBAAO,KAAK,GAAQ,EACnB,cAAc,CAAC,YAAY,CAAC,IAAI,CAC7B,8BAAkB,MAAM,oCACnB,YAAY,GACV,CACV,EACA,aAAa,IAAI,CAAC,YAAY,IAAI,CAC/B,KAAC,KAAK,IACF,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,aAAa,EAAE,aAAa,CAAC,aAAa,GAC5C,CACL,IACF,EACH,2CAA0B,IACrB,CACZ,CAAC;AACN,CAAC"}

package/dist/components/ChipUtility/ChipUtilityExample.d.ts

@@ -1,4 +0,0 @@
-import { ChipUtilityProps } from '.';
-import { ComponentExample, Preset } from '-/utils/demo';
-export declare const presets: Preset<ChipUtilityProps>[];
-export declare const ChipUtilityExample: ComponentExample<ChipUtilityProps>;

package/dist/components/ChipUtility/ChipUtilityExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipUtilityExample.js","sourceRoot":"","sources":["../../../src/components/ChipUtility/ChipUtilityExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,OAAO,GAA+B;IAC/C;QACI,KAAK,EAAE,OAAO;QACd,SAAS,EAAE;YACP,KAAK,EAAE,MAAM;SAChB;KACJ;IACD;QACI,KAAK,EAAE,cAAc;QACrB,SAAS,EAAE;YACP,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,KAAK;YAClB,YAAY,EAAE,EAAE;SACnB;KACJ;IACD;QACI,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE;YACP,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,KAAK;SACtB;KACJ;IACD;QACI,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE;YACP,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,KAAK;YAClB,YAAY,EAAE,KAAK;SACtB;KACJ;IACD;QACI,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE;YACP,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,WAAW;YACxB,YAAY,EAAE,QAAQ;SACzB;KACJ;IACD;QACI,KAAK,EAAE,gBAAgB;QACvB,SAAS,EAAE;YACP,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,KAAK;YAClB,YAAY,EAAE,EAAE;YAChB,aAAa,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,SAA8B,EAAE;SACpE;KACJ;IACD;QACI,KAAK,EAAE,qBAAqB;QAC5B,SAAS,EAAE;YACP,KAAK,EAAE,MAAM;YACb,YAAY,EAAE,OAAO;YACrB,aAAa,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,SAA8B,EAAE;SACpE;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAuC;IAClE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,OAAO;CACV,CAAC"}

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

@@ -1 +0,0 @@
-export * from './ChipUtility';

package/dist/components/ChipUtility/index.js

@@ -1,2 +0,0 @@
-export * from './ChipUtility';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChipUtility/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/components/DateField/DateField.d.ts

@@ -1,32 +0,0 @@
-import './date-field.scss';
-import { DateInputProps } from '-/components/DateInput';
-import { FormFieldWrapProps } from '-/components/FormField';
-export type DateFieldProps = FormFieldWrapProps<DateInputProps>;
-/**
- * An input field that allows a customer to manually type in a specific date or triggers a date picker combobox to
- * select a date.
- *
- * @example
- *     import { DateField } from '@bspk/ui/DateField';
- *     import { useState } from 'react';
- *
- *     function Example() {
- *         const [date, setDate] = useState<Date | undefined>(new Date());
- *
- *         return (
- *             <DateField
- *                 name="calendar input"
- *                 aria-label="calendar input"
- *                 label="calendar input"
- *                 value={date}
- *                 onChange={setDate}
- *                 controlId="Example controlId"
- *             />
- *         );
- *     }
- *
- * @name DateField
- * @phase Dev
- */
-export declare function DateField({ label, errorMessage, helperText, invalid, labelTrailing, required, controlId, ...inputProps }: DateFieldProps): import("react/jsx-runtime").JSX.Element;
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/DateField/DateField.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './date-field.css.js';
-import { DateInput } from '../DateInput';
-import { FormField } from '../FormField';
-/**
- * An input field that allows a customer to manually type in a specific date or triggers a date picker combobox to
- * select a date.
- *
- * @example
- *     import { DateField } from '@bspk/ui/DateField';
- *     import { useState } from 'react';
- *
- *     function Example() {
- *         const [date, setDate] = useState<Date | undefined>(new Date());
- *
- *         return (
- *             <DateField
- *                 name="calendar input"
- *                 aria-label="calendar input"
- *                 label="calendar input"
- *                 value={date}
- *                 onChange={setDate}
- *                 controlId="Example controlId"
- *             />
- *         );
- *     }
- *
- * @name DateField
- * @phase Dev
- */
-export function DateField({ label, errorMessage, helperText, invalid, labelTrailing, required, controlId, ...inputProps }) {
-    return (_jsx(FormField, { controlId: controlId, "data-bspk": "date-field", errorMessage: errorMessage, helperText: helperText, invalid: invalid, label: label, labelTrailing: labelTrailing, required: required, children: (fieldProps) => _jsx(DateInput, { ...inputProps, ...fieldProps, "aria-label": label, invalid: invalid }) }));
-}
-//# sourceMappingURL=DateField.js.map

package/dist/components/DateField/DateField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../src/components/DateField/DateField.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAsB,MAAM,wBAAwB,CAAC;AAGvE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,SAAS,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,OAAO,EACP,aAAa,EACb,QAAQ,EACR,SAAS,EACT,GAAG,UAAU,EACA;IACb,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,SAAS,eACV,YAAY,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,UAAU,KAAM,UAAU,gBAAc,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,GAC3F,CACf,CAAC;AACN,CAAC"}

package/dist/components/DateField/DateFieldExample.d.ts

@@ -1,4 +0,0 @@
-import { DateFieldProps } from '.';
-import { ComponentExample, Preset } from '-/utils/demo';
-export declare const presets: Preset<DateFieldProps>[];
-export declare const DateFieldExample: ComponentExample<DateFieldProps>;

package/dist/components/DateField/DateFieldExample.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const presets = [];
-export const DateFieldExample = {
-    defaultState: {},
-    disableProps: [],
-    presets,
-    render: ({ props, Component }) => _jsx(Component, { ...props, value: props.value?.getDate ? props.value : undefined }),
-    sections: [],
-    variants: {},
-};
-//# sourceMappingURL=DateFieldExample.js.map

package/dist/components/DateField/DateFieldExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateFieldExample.js","sourceRoot":"","sources":["../../../src/components/DateField/DateFieldExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,OAAO,GAA6B,EAAE,CAAC;AAEpD,MAAM,CAAC,MAAM,gBAAgB,GAAqC;IAC9D,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE;IAChB,OAAO;IACP,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAAI;IACjH,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;CACf,CAAC"}

package/dist/components/DateField/date-field.css

@@ -1,8 +0,0 @@
-[data-bspk=date-field] {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: fit-content;
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

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

@@ -1 +0,0 @@
-export * from './DateField';

package/dist/components/DateField/index.js

@@ -1,2 +0,0 @@
-export * from './DateField';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateField/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/DateInput/DateInput.d.ts

@@ -1,39 +0,0 @@
-import './date-input.scss';
-import { TextInputProps } from '-/components/TextInput';
-export type DateInputProps = Pick<TextInputProps, 'aria-errormessage' | 'aria-label' | 'disabled' | 'invalid' | 'name' | 'readOnly' | 'required' | 'size'> & {
-    /** The value of the calendar input */
-    value: Date | undefined;
-    /** Fires when the date changes with the new date */
-    onChange: (newDate: Date | undefined) => void;
-    /**
-     * If the calendar should close when a date is selected.
-     *
-     * @default true
-     */
-    closeCalendarOnChange?: boolean;
-    /**
-     * The placeholder text for the date input field.
-     *
-     * @default mm/dd/yyyy
-     */
-    placeholder?: string;
-};
-/**
- * An input that allows a customer to manually type in a specific date or triggers a date picker combobox to select a
- * date.
- *
- * @example
- *     import { DateInput } from '@bspk/ui/DateInput';
- *     import { useState } from 'react';
- *
- *     function Example() {
- *         const [date, setDate] = useState<Date | undefined>(new Date());
- *
- *         return <DateInput name="calendar input" aria-label="calendar input" value={date} onChange={setDate} />;
- *     }
- *
- * @name DateInput
- * @phase Utility
- */
-export declare function DateInput({ value, onChange, disabled, readOnly, closeCalendarOnChange, 'aria-label': ariaLabel, name, placeholder, invalid, required, size, 'aria-errormessage': ariaErrorMessage, }: DateInputProps): import("react/jsx-runtime").JSX.Element;
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/DateInput/DateInput.js

@@ -1,102 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './date-input.css.js';
-import { SvgEvent } from '@bspk/icons/Event';
-import { format, isValid, parse } from 'date-fns';
-import { useEffect, useRef, useState } from 'react';
-import { Button } from '../Button';
-import { CalendarPicker } from '../CalendarPicker';
-import { Portal } from '../Portal';
-import { TextInput } from '../TextInput';
-import { useFloating } from '../../hooks/useFloating';
-import { useOutsideClick } from '../../hooks/useOutsideClick';
-const parsableDate = (dateString) => /^\d{1,2}\/\d{1,2}\/\d{4}$/.test(dateString);
-/**
- * An input that allows a customer to manually type in a specific date or triggers a date picker combobox to select a
- * date.
- *
- * @example
- *     import { DateInput } from '@bspk/ui/DateInput';
- *     import { useState } from 'react';
- *
- *     function Example() {
- *         const [date, setDate] = useState<Date | undefined>(new Date());
- *
- *         return <DateInput name="calendar input" aria-label="calendar input" value={date} onChange={setDate} />;
- *     }
- *
- * @name DateInput
- * @phase Utility
- */
-export function DateInput({ value, onChange, disabled, readOnly, closeCalendarOnChange = true, 'aria-label': ariaLabel, name, placeholder, invalid, required, size, 'aria-errormessage': ariaErrorMessage, }) {
-    const [textValue, setTextValue] = useState(value ? format(value, 'MM/dd/yyyy') : '');
-    const [calendarVisible, setCalendarVisible] = useState(false);
-    const containerRef = useRef(null);
-    useEffect(() => {
-        const formattedValue = value ? format(value, 'MM/dd/yyyy') : '';
-        setTextValue(formattedValue);
-    }, [value]);
-    const { elements, floatingStyles } = useFloating({
-        placement: 'bottom',
-        strategy: 'absolute',
-        offsetOptions: 4,
-        refWidth: true,
-    });
-    useOutsideClick({
-        elements: [elements.floating, containerRef.current],
-        callback: () => setCalendarVisible(false),
-    });
-    const isValidDate = (next) => {
-        const parsedDate = parse(next, 'MM/dd/yyyy', new Date());
-        return isValid(parsedDate) ? parsedDate : undefined;
-    };
-    const validate = () => {
-        let nextDate;
-        let nextTextValue = '';
-        if (parsableDate(textValue)) {
-            nextDate = isValidDate(textValue);
-            if (nextDate)
-                nextTextValue = format(nextDate, 'MM/dd/yyyy');
-        }
-        setTextValue(nextTextValue);
-        onChange(nextDate);
-    };
-    const handleTextChange = (nextValue) => {
-        // Add slashes as the user types
-        if (/^\d{2}$/.test(nextValue) || /^\d{1,2}\/\d{2}$/.test(nextValue))
-            nextValue = `${nextValue}/`;
-        // Remove extra slashes
-        if (nextValue.endsWith('//'))
-            nextValue = nextValue.slice(0, -1);
-        setTextValue(nextValue);
-        if (parsableDate(nextValue)) {
-            const next = isValidDate(nextValue);
-            if (next)
-                onChange(next);
-        }
-    };
-    return (_jsxs("span", { "data-bspk": "date-input", ref: containerRef, children: [_jsx("div", { ref: (node) => {
-                    elements.setReference(node);
-                }, children: _jsx(TextInput, { "aria-errormessage": ariaErrorMessage || undefined, "aria-label": ariaLabel, disabled: disabled, invalid: invalid || undefined, name: name, onBlur: () => validate(), onChange: handleTextChange, onKeyDown: (event) => {
-                        // allow select all and other keyboard shortcuts
-                        if (event.ctrlKey || event.metaKey) {
-                            return;
-                        }
-                        // handle backspace and delete to remove the slash and the number before it
-                        if (event.key === 'Backspace' || (event.key === 'Delete' && textValue.endsWith('/'))) {
-                            event.preventDefault();
-                            setTextValue((prev) => prev.slice(0, -2));
-                        }
-                        // if a single key and not a number or forward slash ignore
-                        if (event.key.length === 1 && !/[0-9/]/.test(event.key)) {
-                            event.preventDefault();
-                        }
-                    }, placeholder: placeholder || 'mm/dd/yyyy', readOnly: readOnly, required: required, showClearButton: false, size: size, trailing: !disabled &&
-                        !readOnly && (_jsx(Button, { icon: _jsx(SvgEvent, {}), iconOnly: true, label: "Toggle calendar", onClick: () => setCalendarVisible((prev) => !prev), variant: "tertiary" })), value: textValue }) }), calendarVisible && (_jsx(Portal, { children: _jsx("div", { "data-placement": "bottom", ref: (node) => {
-                        elements.setFloating(node);
-                    }, style: { ...floatingStyles, zIndex: 'var( --z-index-dropdown)' }, children: _jsx(CalendarPicker, { onChange: (next) => {
-                            if (closeCalendarOnChange)
-                                setCalendarVisible(false);
-                            onChange(next);
-                        }, value: value, variant: "elevated" }) }) }))] }));
-}
-//# sourceMappingURL=DateInput.js.map

package/dist/components/DateInput/DateInput.js.map

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

package/dist/components/DateInput/DateInputExample.d.ts

@@ -1,4 +0,0 @@
-import { DateInputProps } from '.';
-import { ComponentExample, Preset } from '-/utils/demo';
-export declare const presets: Preset<DateInputProps>[];
-export declare const DateInputExample: ComponentExample<DateInputProps>;

package/dist/components/DateInput/DateInputExample.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const presets = [];
-export const DateInputExample = {
-    defaultState: {},
-    disableProps: [],
-    presets,
-    render: ({ props, Component }) => {
-        const { value, ...restProps } = props;
-        return _jsx(Component, { ...restProps, value: value?.getDate ? value : undefined });
-    },
-    sections: [],
-    variants: false,
-};
-//# sourceMappingURL=DateInputExample.js.map

package/dist/components/DateInput/DateInputExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateInputExample.js","sourceRoot":"","sources":["../../../src/components/DateInput/DateInputExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,OAAO,GAA6B,EAAE,CAAC;AAEpD,MAAM,CAAC,MAAM,gBAAgB,GAAqC;IAC9D,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE;IAChB,OAAO;IACP,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;QAEtC,OAAO,KAAC,SAAS,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAAI,CAAC;IACnF,CAAC;IACD,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,KAAK;CAClB,CAAC"}

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

@@ -1 +0,0 @@
-export * from './DateInput';

package/dist/components/DateInput/index.js

@@ -1,2 +0,0 @@
-export * from './DateInput';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/FormField/form-field.css

@@ -1,17 +0,0 @@
-[data-bspk-utility=form-field] {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-sizing-01);
-}
-[data-bspk-utility=form-field] header {
-  flex-grow: 1;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-[data-bspk-utility=form-field] header label {
-  flex-grow: 1;
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/FormField/form-field.css.js

@@ -1,22 +0,0 @@
-/** * This file is generated by the build script.
-* Do not edit this file directly. */
-const style = document.createElement('style');
-style.appendChild(document.createTextNode(`[data-bspk-utility=form-field] {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-sizing-01);
-}
-[data-bspk-utility=form-field] header {
-  flex-grow: 1;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-[data-bspk-utility=form-field] header label {
-  flex-grow: 1;
-}
-
-/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
-`));
-document.head.appendChild(style);