@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/input/date-range/preset/input-date-range-preset.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputDateRangePreset = SmartInputDateRangePreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../../utils/class-names");
+const use_input_1 = require("../../base/use-input");
+const LABEL_CLASSES = [
+    'smart:block',
+    'smart:mb-2',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const WRAPPER_CLASSES = ['smart:flex', 'smart:items-center', 'smart:gap-x-2'];
+const SEPARATOR_CLASSES = [
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+const INPUT_CLASSES = [
+    // Preline: py-3 px-4 block w-full
+    'smart:py-3',
+    'smart:px-4',
+    'smart:block',
+    'smart:w-full',
+    // Preline: bg-layer
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    // Preline: border-layer-line
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    // Preline: rounded-lg sm:text-sm
+    'smart:rounded-lg',
+    'smart:sm:text-sm',
+    // Preline: text-foreground
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+    // Preline: placeholder:text-muted-foreground-1
+    'smart:placeholder:text-gray-500',
+    'smart:dark:placeholder:text-gray-400',
+    // Preline: focus:border-primary-focus focus:ring-primary-focus
+    'smart:focus:border-blue-700',
+    'smart:dark:focus:border-blue-600',
+    'smart:focus:ring-1',
+    'smart:focus:ring-blue-700',
+    'smart:dark:focus:ring-blue-600',
+    // Preline: disabled:opacity-50 disabled:pointer-events-none
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+].join(' ');
+/** The `{ start, end }` the inputs show; anything else is an empty range. */
+function normalize(value) {
+    if (value && typeof value === 'object') {
+        const { start, end } = value;
+        return { start: start ?? '', end: end ?? '' };
+    }
+    return { start: '', end: '' };
+}
+/** A range with neither end is no value at all. */
+function toControlValue(value) {
+    if (!value.start && !value.end)
+        return null;
+    return value;
+}
+/**
+ * Styled `dateRange` field (preset, the Angular
+ * `InputDateRangePresetComponent`, `<smart-input-date-range-preset>`): the
+ * Preline label and two native `type="date"` inputs (start – end). Register
+ * it as `inputFieldComponents[FieldType.dateRange]` on `SmartProvider`.
+ *
+ * The control value stays the `IDateRange` shape (`{ start, end }`,
+ * `YYYY-MM-DD`): a changed input sets it and marks the control dirty, and
+ * clearing both ends sets `null`; leaving either input marks the control
+ * touched. `className` is appended to the classes of the inputs' row. As in
+ * Angular the Preline range datepicker (Vanilla Calendar Pro and the Preline
+ * JS plugin) is not used, and the inputs are not bound to the control's
+ * disabled state.
+ */
+function SmartInputDateRangePreset(props) {
+    const { className } = props;
+    const { control, value, required, label, setValue, markAsTouched, autoFocus, } = (0, use_input_1.useInput)(props);
+    const id = (0, react_1.useId)();
+    if (!control)
+        return null;
+    const range = normalize(value);
+    const commit = (next) => setValue(toControlValue(next));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: LABEL_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)(WRAPPER_CLASSES, className), children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "date", "data-role": "date-range-start", className: INPUT_CLASSES, value: range.start ?? '', autoFocus: autoFocus, onChange: (e) => commit({ ...range, start: e.target.value }), onBlur: markAsTouched }), (0, jsx_runtime_1.jsx)("span", { className: SEPARATOR_CLASSES, children: "\u2013" }), (0, jsx_runtime_1.jsx)("input", { type: "date", "data-role": "date-range-end", className: INPUT_CLASSES, value: range.end ?? '', onChange: (e) => commit({ ...range, end: e.target.value }), onBlur: markAsTouched })] })] }));
+}
+//# sourceMappingURL=input-date-range-preset.js.map

package/src/lib/components/input/date-range/preset/input-date-range-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-date-range-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/date-range/preset/input-date-range-preset.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/input/date-with-edit/index.d.ts

@@ -0,0 +1,2 @@
+export * from './input-date-with-edit';
+export * from './preset/input-date-with-edit-preset';

package/src/lib/components/input/date-with-edit/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./input-date-with-edit"), exports);
+tslib_1.__exportStar(require("./preset/input-date-with-edit-preset"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/input/date-with-edit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/date-with-edit/index.ts"],"names":[],"mappings":";;;AAAA,iEAAuC;AACvC,+EAAqD"}

package/src/lib/components/input/date-with-edit/input-date-with-edit.d.ts

@@ -0,0 +1,15 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `dateWithEdit` field (the Angular `InputDateWithEditComponent`,
+ * `<smart-input-date-with-edit>`): the model label and the `<SmartDateEdit>`
+ * editor (eight digit inputs) bound to the control as `[formControl]` did:
+ * an edit sets the value and marks the control dirty and touched.
+ *
+ * Angular set the widget classes and `className` on the editor's host
+ * element, a block box around the editor; here a `<div>` around
+ * `SmartDateEdit` carries them, so the editor keeps its own layout.
+ *
+ * The label has no `htmlFor`, as in Angular: the editor has no single input
+ * it could point at.
+ */
+export declare function SmartInputDateWithEdit<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/date-with-edit/input-date-with-edit.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputDateWithEdit = SmartInputDateWithEdit;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const date_edit_1 = require("../../date-edit/date-edit");
+const use_input_1 = require("../base/use-input");
+const LABEL_CLASSES = [
+    'smart:block',
+    'smart:text-sm/6',
+    'smart:font-medium',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const WIDGET_CLASSES = ['smart:mt-2', 'smart:block', 'smart:w-full'].join(' ');
+/**
+ * The `dateWithEdit` field (the Angular `InputDateWithEditComponent`,
+ * `<smart-input-date-with-edit>`): the model label and the `<SmartDateEdit>`
+ * editor (eight digit inputs) bound to the control as `[formControl]` did:
+ * an edit sets the value and marks the control dirty and touched.
+ *
+ * Angular set the widget classes and `className` on the editor's host
+ * element, a block box around the editor; here a `<div>` around
+ * `SmartDateEdit` carries them, so the editor keeps its own layout.
+ *
+ * The label has no `htmlFor`, as in Angular: the editor has no single input
+ * it could point at.
+ */
+function SmartInputDateWithEdit(props) {
+    const { className } = props;
+    const { control, required, label } = (0, use_input_1.useInput)(props);
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { className: LABEL_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)(WIDGET_CLASSES, className), children: (0, jsx_runtime_1.jsx)(date_edit_1.SmartDateEdit, { control: control }) })] }));
+}
+//# sourceMappingURL=input-date-with-edit.js.map

package/src/lib/components/input/date-with-edit/input-date-with-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-date-with-edit.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/date-with-edit/input-date-with-edit.tsx"],"names":[],"mappings":";;AA4BA,wDAiBC;;AA7CD,4DAAgD;AAChD,yDAA0D;AAC1D,iDAA6C;AAG7C,MAAM,aAAa,GAAG;IACpB,aAAa;IACb,iBAAiB;IACjB,mBAAmB;IACnB,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,cAAc,GAAG,CAAC,YAAY,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE/E;;;;;;;;;;;;GAYG;AACH,SAAgB,sBAAsB,CAAI,KAA8B;IACtE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAErD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,6DACE,mCAAO,SAAS,EAAE,aAAa,aAC5B,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,gCAAK,SAAS,EAAE,IAAA,gBAAE,EAAC,cAAc,EAAE,SAAS,CAAC,YAC3C,uBAAC,yBAAa,IAAC,OAAO,EAAE,OAAO,GAAI,GAC/B,IACL,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/date-with-edit/preset/input-date-with-edit-preset.d.ts

@@ -0,0 +1,13 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled `dateWithEdit` field (preset, the Angular
+ * `InputDateWithEditPresetComponent`, `<smart-input-date-with-edit-preset>`):
+ * the Preline label and the `<SmartDateEdit variant="preset">` editor (a
+ * read-only trigger with a calendar popover) bound to the control. Register
+ * it as `inputFieldComponents[FieldType.dateWithEdit]` on `SmartProvider`.
+ *
+ * Angular set the widget classes and `className` on the editor's host
+ * element, a block box around the inline-block trigger; here a `<div>`
+ * around `SmartDateEdit` carries them, so the trigger keeps its own layout.
+ */
+export declare function SmartInputDateWithEditPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/date-with-edit/preset/input-date-with-edit-preset.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputDateWithEditPreset = SmartInputDateWithEditPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../../utils/class-names");
+const date_edit_1 = require("../../../date-edit/date-edit");
+const use_input_1 = require("../../base/use-input");
+const LABEL_CLASSES = [
+    // Preline label: block mb-2 text-sm font-medium text-foreground
+    'smart:block',
+    'smart:mb-2',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const WIDGET_CLASSES = ['smart:mt-2', 'smart:block', 'smart:w-full'].join(' ');
+/**
+ * Styled `dateWithEdit` field (preset, the Angular
+ * `InputDateWithEditPresetComponent`, `<smart-input-date-with-edit-preset>`):
+ * the Preline label and the `<SmartDateEdit variant="preset">` editor (a
+ * read-only trigger with a calendar popover) bound to the control. Register
+ * it as `inputFieldComponents[FieldType.dateWithEdit]` on `SmartProvider`.
+ *
+ * Angular set the widget classes and `className` on the editor's host
+ * element, a block box around the inline-block trigger; here a `<div>`
+ * around `SmartDateEdit` carries them, so the trigger keeps its own layout.
+ */
+function SmartInputDateWithEditPreset(props) {
+    const { className } = props;
+    const { control, required, label } = (0, use_input_1.useInput)(props);
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { className: LABEL_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)(WIDGET_CLASSES, className), children: (0, jsx_runtime_1.jsx)(date_edit_1.SmartDateEdit, { variant: "preset", control: control }) })] }));
+}
+//# sourceMappingURL=input-date-with-edit-preset.js.map

package/src/lib/components/input/date-with-edit/preset/input-date-with-edit-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-date-with-edit-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/date-with-edit/preset/input-date-with-edit-preset.tsx"],"names":[],"mappings":";;AA4BA,oEAmBC;;AA/CD,+DAAmD;AACnD,4DAA6D;AAC7D,oDAAgD;AAGhD,MAAM,aAAa,GAAG;IACpB,gEAAgE;IAChE,aAAa;IACb,YAAY;IACZ,eAAe;IACf,mBAAmB;IACnB,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,cAAc,GAAG,CAAC,YAAY,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE/E;;;;;;;;;;GAUG;AACH,SAAgB,4BAA4B,CAC1C,KAA8B;IAE9B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAErD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,6DACE,mCAAO,SAAS,EAAE,aAAa,aAC5B,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,gCAAK,SAAS,EAAE,IAAA,gBAAE,EAAC,cAAc,EAAE,SAAS,CAAC,YAC3C,uBAAC,yBAAa,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI,GAChD,IACL,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/default-field-components.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentType } from 'react';
+import { FieldTypeDef } from '@smartsoft001/models';
+export declare function getDefaultInputFieldComponents(): Partial<Record<FieldTypeDef, ComponentType<any>>>;

package/src/lib/components/input/default-field-components.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultInputFieldComponents = getDefaultInputFieldComponents;
+const models_1 = require("@smartsoft001/models");
+const input_address_1 = require("./address/input-address");
+const input_array_1 = require("./array/input-array");
+const input_attachment_1 = require("./attachment/input-attachment");
+const input_check_1 = require("./check/input-check");
+const input_color_1 = require("./color/input-color");
+const input_currency_1 = require("./currency/input-currency");
+const input_date_1 = require("./date/input-date");
+const input_date_range_1 = require("./date-range/input-date-range");
+const input_date_with_edit_1 = require("./date-with-edit/input-date-with-edit");
+const input_email_1 = require("./email/input-email");
+const input_enum_1 = require("./enum/input-enum");
+const input_file_1 = require("./file/input-file");
+const input_flag_1 = require("./flag/input-flag");
+const input_float_1 = require("./float/input-float");
+const input_image_1 = require("./image/input-image");
+const input_int_1 = require("./int/input-int");
+const input_ints_1 = require("./ints/input-ints");
+const input_logo_1 = require("./logo/input-logo");
+const input_long_text_1 = require("./long-text/input-long-text");
+const input_nip_1 = require("./nip/input-nip");
+const input_object_1 = require("./object/input-object");
+const input_password_1 = require("./password/input-password");
+const input_pdf_1 = require("./pdf/input-pdf");
+const input_pesel_1 = require("./pesel/input-pesel");
+const input_phone_number_1 = require("./phone-number/input-phone-number");
+const input_phone_number_pl_1 = require("./phone-number-pl/input-phone-number-pl");
+const input_radio_1 = require("./radio/input-radio");
+const input_strings_1 = require("./strings/input-strings");
+const input_text_1 = require("./text/input-text");
+const input_video_1 = require("./video/input-video");
+/**
+ * The field component of every `FieldType`, by type: the map
+ * `<SmartInput>` falls back to (the Angular `baseMap` of `InputComponent`).
+ * Built on first use rather than at module load: the `object` and `array`
+ * fields render a form, which renders inputs, and a map built while those
+ * modules are still loading would hold `undefined` for them.
+ */
+let defaults = null;
+function getDefaultInputFieldComponents() {
+    defaults ??= {
+        [models_1.FieldType.text]: input_text_1.SmartInputText,
+        [models_1.FieldType.longText]: input_long_text_1.SmartInputLongText,
+        [models_1.FieldType.email]: input_email_1.SmartInputEmail,
+        [models_1.FieldType.currency]: input_currency_1.SmartInputCurrency,
+        [models_1.FieldType.int]: input_int_1.SmartInputInt,
+        [models_1.FieldType.ints]: input_ints_1.SmartInputInts,
+        [models_1.FieldType.float]: input_float_1.SmartInputFloat,
+        [models_1.FieldType.nip]: input_nip_1.SmartInputNip,
+        [models_1.FieldType.pesel]: input_pesel_1.SmartInputPesel,
+        [models_1.FieldType.phoneNumber]: input_phone_number_1.SmartInputPhoneNumber,
+        [models_1.FieldType.phoneNumberPl]: input_phone_number_pl_1.SmartInputPhoneNumberPl,
+        [models_1.FieldType.password]: input_password_1.SmartInputPassword,
+        [models_1.FieldType.enum]: input_enum_1.SmartInputEnum,
+        [models_1.FieldType.radio]: input_radio_1.SmartInputRadio,
+        [models_1.FieldType.check]: input_check_1.SmartInputCheck,
+        [models_1.FieldType.strings]: input_strings_1.SmartInputStrings,
+        [models_1.FieldType.date]: input_date_1.SmartInputDate,
+        [models_1.FieldType.dateRange]: input_date_range_1.SmartInputDateRange,
+        [models_1.FieldType.dateWithEdit]: input_date_with_edit_1.SmartInputDateWithEdit,
+        [models_1.FieldType.file]: input_file_1.SmartInputFile,
+        [models_1.FieldType.attachment]: input_attachment_1.SmartInputAttachment,
+        [models_1.FieldType.image]: input_image_1.SmartInputImage,
+        [models_1.FieldType.logo]: input_logo_1.SmartInputLogo,
+        [models_1.FieldType.color]: input_color_1.SmartInputColor,
+        [models_1.FieldType.object]: input_object_1.SmartInputObject,
+        [models_1.FieldType.address]: input_address_1.SmartInputAddress,
+        [models_1.FieldType.flag]: input_flag_1.SmartInputFlag,
+        [models_1.FieldType.pdf]: input_pdf_1.SmartInputPdf,
+        [models_1.FieldType.video]: input_video_1.SmartInputVideo,
+        [models_1.FieldType.array]: input_array_1.SmartInputArray,
+    };
+    return defaults;
+}
+//# sourceMappingURL=default-field-components.js.map

package/src/lib/components/input/default-field-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-field-components.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/input/default-field-components.ts"],"names":[],"mappings":";;AA4CA,wEAqCC;AA/ED,iDAA+D;AAE/D,2DAA4D;AAC5D,qDAAsD;AACtD,oEAAqE;AACrE,qDAAsD;AACtD,qDAAsD;AACtD,8DAA+D;AAC/D,kDAAmD;AACnD,oEAAoE;AACpE,gFAA+E;AAC/E,qDAAsD;AACtD,kDAAmD;AACnD,kDAAmD;AACnD,kDAAmD;AACnD,qDAAsD;AACtD,qDAAsD;AACtD,+CAAgD;AAChD,kDAAmD;AACnD,kDAAmD;AACnD,iEAAiE;AACjE,+CAAgD;AAChD,wDAAyD;AACzD,8DAA+D;AAC/D,+CAAgD;AAChD,qDAAsD;AACtD,0EAA0E;AAC1E,mFAAkF;AAClF,qDAAsD;AACtD,2DAA4D;AAC5D,kDAAmD;AACnD,qDAAsD;AAEtD;;;;;;GAMG;AACH,IAAI,QAAQ,GAA6D,IAAI,CAAC;AAE9E,SAAgB,8BAA8B;IAG5C,QAAQ,KAAK;QACX,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,2BAAc;QAChC,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,oCAAkB;QACxC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,6BAAe;QAClC,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,mCAAkB;QACxC,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,yBAAa;QAC9B,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,2BAAc;QAChC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,6BAAe;QAClC,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,yBAAa;QAC9B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,6BAAe;QAClC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,0CAAqB;QAC9C,CAAC,kBAAS,CAAC,aAAa,CAAC,EAAE,+CAAuB;QAClD,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,mCAAkB;QACxC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,2BAAc;QAChC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,6BAAe;QAClC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,6BAAe;QAClC,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,iCAAiB;QACtC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,2BAAc;QAChC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,sCAAmB;QAC1C,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,6CAAsB;QAChD,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,2BAAc;QAChC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,uCAAoB;QAC5C,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,6BAAe;QAClC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,2BAAc;QAChC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,6BAAe;QAClC,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,+BAAgB;QACpC,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,iCAAiB;QACtC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,2BAAc;QAChC,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,yBAAa;QAC9B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,6BAAe;QAClC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,6BAAe;KACnC,CAAC;IAEF,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/src/lib/components/input/email/index.d.ts

@@ -0,0 +1,3 @@
+export * from './input-email';
+export * from './preset/input-email-preset';
+export * from './preset/preset-classes';

package/src/lib/components/input/email/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./input-email"), exports);
+tslib_1.__exportStar(require("./preset/input-email-preset"), exports);
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/input/email/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/email/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B;AAC9B,sEAA4C;AAC5C,kEAAwC"}

package/src/lib/components/input/email/input-email.d.ts

@@ -0,0 +1,7 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `email` field (the Angular `InputEmailComponent`,
+ * `<smart-input-email>`): the model label and a `type="email"` input bound
+ * to the control. `className` is appended to the input's classes.
+ */
+export declare function SmartInputEmail<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/email/input-email.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputEmail = SmartInputEmail;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+const use_input_1 = require("../base/use-input");
+const LABEL_CLASSES = [
+    'smart:block',
+    'smart:text-sm/6',
+    'smart:font-medium',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const INPUT_CLASSES = [
+    'smart:mt-2',
+    'smart:block',
+    'smart:w-full',
+    'smart:rounded-md',
+    'smart:bg-white',
+    'smart:px-3',
+    'smart:py-1.5',
+    'smart:text-base',
+    'smart:text-gray-900',
+    'smart:outline-1',
+    '-outline-offset-1',
+    'smart:outline-gray-300',
+    'smart:placeholder:text-gray-400',
+    'smart:focus:outline-2',
+    'smart:focus:outline-offset-2',
+    'smart:focus:outline-indigo-600',
+    'smart:sm:text-sm/6',
+    'smart:dark:bg-white/5',
+    'smart:dark:text-white',
+    'smart:dark:outline-white/10',
+    'smart:dark:placeholder:text-gray-500',
+    'smart:dark:focus:outline-indigo-500',
+].join(' ');
+/**
+ * The `email` field (the Angular `InputEmailComponent`,
+ * `<smart-input-email>`): the model label and a `type="email"` input bound
+ * to the control. `className` is appended to the input's classes.
+ */
+function SmartInputEmail(props) {
+    const { className } = props;
+    const { control, value, required, disabled, label, setValue, markAsTouched, autoFocus, } = (0, use_input_1.useInput)(props);
+    const id = (0, react_1.useId)();
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: LABEL_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsx)("input", { id: id, type: "email", className: (0, class_names_1.cn)(INPUT_CLASSES, className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.value), onBlur: markAsTouched })] }));
+}
+//# sourceMappingURL=input-email.js.map

package/src/lib/components/input/email/input-email.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-email.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/email/input-email.tsx"],"names":[],"mappings":";;AA4CA,0CAkCC;;AA9ED,iCAA8B;AAE9B,4DAAgD;AAChD,iDAA6C;AAG7C,MAAM,aAAa,GAAG;IACpB,aAAa;IACb,iBAAiB;IACjB,mBAAmB;IACnB,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG;IACpB,YAAY;IACZ,aAAa;IACb,cAAc;IACd,kBAAkB;IAClB,gBAAgB;IAChB,YAAY;IACZ,cAAc;IACd,iBAAiB;IACjB,qBAAqB;IACrB,iBAAiB;IACjB,mBAAmB;IACnB,wBAAwB;IACxB,iCAAiC;IACjC,uBAAuB;IACvB,8BAA8B;IAC9B,gCAAgC;IAChC,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,6BAA6B;IAC7B,sCAAsC;IACtC,qCAAqC;CACtC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;;GAIG;AACH,SAAgB,eAAe,CAAI,KAA8B;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAS,GACV,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IACpB,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,6DACE,mCAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,aACzC,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,kCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,aAAa,GACrB,IACD,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/email/preset/input-email-preset.d.ts

@@ -0,0 +1,7 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled `email` field (preset, the Angular `InputEmailPresetComponent`):
+ * the Preline look of {@link SmartInputEmail}. Register it as
+ * `inputFieldComponents[FieldType.email]` on `SmartProvider`.
+ */
+export declare function SmartInputEmailPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/email/preset/input-email-preset.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputEmailPreset = SmartInputEmailPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const preset_classes_1 = require("./preset-classes");
+const use_input_1 = require("../../base/use-input");
+/**
+ * Styled `email` field (preset, the Angular `InputEmailPresetComponent`):
+ * the Preline look of {@link SmartInputEmail}. Register it as
+ * `inputFieldComponents[FieldType.email]` on `SmartProvider`.
+ */
+function SmartInputEmailPreset(props) {
+    const { className = '' } = props;
+    const { control, value, required, disabled, label, setValue, markAsTouched, autoFocus, } = (0, use_input_1.useInput)(props);
+    const id = (0, react_1.useId)();
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: (0, preset_classes_1.getInputEmailPresetLabelClasses)(), children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsx)("input", { id: id, type: "email", className: (0, preset_classes_1.getInputEmailPresetClasses)(className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.value), onBlur: markAsTouched })] }));
+}
+//# sourceMappingURL=input-email-preset.js.map

package/src/lib/components/input/email/preset/input-email-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-email-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/email/preset/input-email-preset.tsx"],"names":[],"mappings":";;AAcA,sDAkCC;;AAhDD,iCAA8B;AAE9B,qDAG0B;AAC1B,oDAAgD;AAGhD;;;;GAIG;AACH,SAAgB,qBAAqB,CAAI,KAA8B;IACrE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAS,GACV,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IACpB,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,6DACE,mCAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,IAAA,gDAA+B,GAAE,aAC7D,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,kCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,2CAA0B,EAAC,SAAS,CAAC,EAChD,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,aAAa,GACrB,IACD,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/email/preset/preset-classes.d.ts

@@ -0,0 +1,2 @@
+export declare function getInputEmailPresetClasses(cssClass: string): string;
+export declare function getInputEmailPresetLabelClasses(): string;

package/src/lib/components/input/email/preset/preset-classes.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInputEmailPresetClasses = getInputEmailPresetClasses;
+exports.getInputEmailPresetLabelClasses = getInputEmailPresetLabelClasses;
+const INPUT_EMAIL_PRESET_BASE = [
+    'smart:py-2.5',
+    'smart:sm:py-3',
+    'smart:px-4',
+    'smart:block',
+    'smart:w-full',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:rounded-lg',
+    'smart:sm:text-sm',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+    'smart:placeholder:text-gray-500',
+    'smart:dark:placeholder:text-gray-400',
+    'smart:focus:border-blue-700',
+    'smart:dark:focus:border-blue-600',
+    'smart:focus:ring-1',
+    'smart:focus:ring-blue-700',
+    'smart:dark:focus:ring-blue-600',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+].join(' ');
+const INPUT_EMAIL_PRESET_LABEL = [
+    'smart:block',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:mb-2',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+function getInputEmailPresetClasses(cssClass) {
+    return cssClass
+        ? `${INPUT_EMAIL_PRESET_BASE} ${cssClass}`
+        : INPUT_EMAIL_PRESET_BASE;
+}
+function getInputEmailPresetLabelClasses() {
+    return INPUT_EMAIL_PRESET_LABEL;
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/input/email/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/email/preset/preset-classes.ts"],"names":[],"mappings":";;AAmCA,gEAIC;AAED,0EAEC;AA3CD,MAAM,uBAAuB,GAAG;IAC9B,cAAc;IACd,eAAe;IACf,YAAY;IACZ,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,wBAAwB;IACxB,cAAc;IACd,uBAAuB;IACvB,4BAA4B;IAC5B,kBAAkB;IAClB,kBAAkB;IAClB,qBAAqB;IACrB,uBAAuB;IACvB,iCAAiC;IACjC,sCAAsC;IACtC,6BAA6B;IAC7B,kCAAkC;IAClC,oBAAoB;IACpB,2BAA2B;IAC3B,gCAAgC;IAChC,2BAA2B;IAC3B,oCAAoC;CACrC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,wBAAwB,GAAG;IAC/B,aAAa;IACb,eAAe;IACf,mBAAmB;IACnB,YAAY;IACZ,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,SAAgB,0BAA0B,CAAC,QAAgB;IACzD,OAAO,QAAQ;QACb,CAAC,CAAC,GAAG,uBAAuB,IAAI,QAAQ,EAAE;QAC1C,CAAC,CAAC,uBAAuB,CAAC;AAC9B,CAAC;AAED,SAAgB,+BAA+B;IAC7C,OAAO,wBAAwB,CAAC;AAClC,CAAC"}

package/src/lib/components/input/enum/index.d.ts

@@ -0,0 +1,2 @@
+export * from './input-enum';
+export * from './preset/input-enum-preset';

package/src/lib/components/input/enum/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./input-enum"), exports);
+tslib_1.__exportStar(require("./preset/input-enum-preset"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/input/enum/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/enum/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,qEAA2C"}

package/src/lib/components/input/enum/input-enum.d.ts

@@ -0,0 +1,8 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * `<smart-input-enum>` (Angular `InputEnumComponent`): a fieldset with a
+ * checkbox per key of `fieldOptions.possibilities` (an enum); the control
+ * holds the list of the checked keys. `className` goes on the group of
+ * checkboxes.
+ */
+export declare function SmartInputEnum<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/enum/input-enum.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputEnum = SmartInputEnum;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const model_1 = require("../../../utils/model");
+const use_input_1 = require("../base/use-input");
+const LABEL_CLASSES = 'smart:block smart:text-sm/6 smart:font-medium smart:text-gray-900 smart:dark:text-white';
+/**
+ * `<smart-input-enum>` (Angular `InputEnumComponent`): a fieldset with a
+ * checkbox per key of `fieldOptions.possibilities` (an enum); the control
+ * holds the list of the checked keys. `className` goes on the group of
+ * checkboxes.
+ */
+function SmartInputEnum(props) {
+    const { fieldOptions, className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { control, value, required, disabled, label, setValue } = (0, use_input_1.useInput)(props);
+    if (!control)
+        return null;
+    const selected = Array.isArray(value) ? value : [];
+    const items = (0, model_1.enumToList)(fieldOptions?.possibilities);
+    const checked = (item) => selected.some((i) => i === item);
+    const change = (item) => {
+        setValue(checked(item) ? selected.filter((i) => i !== item) : [...selected, item]);
+    };
+    return ((0, jsx_runtime_1.jsxs)("fieldset", { children: [(0, jsx_runtime_1.jsxs)("legend", { className: LABEL_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)('smart:mt-2', 'smart:space-y-2', className), children: items?.map((item) => ((0, jsx_runtime_1.jsxs)("label", { className: "smart:flex smart:items-center smart:gap-x-2", children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: checked(item), disabled: disabled, onChange: () => change(item), className: "smart:h-4 smart:w-4 smart:rounded smart:border-gray-300 smart:text-indigo-600 smart:focus:ring-indigo-500 smart:dark:border-gray-600" }), (0, jsx_runtime_1.jsx)("span", { className: "smart:text-sm smart:text-gray-900 smart:dark:text-white", children: t(item) })] }, item))) })] }));
+}
+//# sourceMappingURL=input-enum.js.map

package/src/lib/components/input/enum/input-enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-enum.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/enum/input-enum.tsx"],"names":[],"mappings":";;AAeA,wCA8CC;;AA7DD,oDAAwD;AACxD,4DAAgD;AAChD,gDAAkD;AAClD,iDAA6C;AAG7C,MAAM,aAAa,GACjB,yFAAyF,CAAC;AAE5F;;;;;GAKG;AACH,SAAgB,cAAc,CAAI,KAA8B;IAC9D,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAC3D,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAElB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,QAAQ,GAAc,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9D,MAAM,KAAK,GAAyB,IAAA,kBAAU,EAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IAE5E,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;IAEnE,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE;QAC9B,QAAQ,CACN,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,IAAI,CAAC,CACzE,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,iDACE,oCAAQ,SAAS,EAAE,aAAa,aAC7B,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IAChE,EACT,gCAAK,SAAS,EAAE,IAAA,gBAAE,EAAC,YAAY,EAAE,iBAAiB,EAAE,SAAS,CAAC,YAC3D,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,mCAEE,SAAS,EAAC,6CAA6C,aAEvD,kCACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAC,sIAAsI,GAChJ,EACF,iCAAM,SAAS,EAAC,yDAAyD,YACtE,CAAC,CAAC,IAAI,CAAC,GACH,KAZF,IAAI,CAaH,CACT,CAAC,GACE,IACG,CACZ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/enum/preset/input-enum-preset.d.ts

@@ -0,0 +1,9 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled enum field (preset, Angular `InputEnumPresetComponent`): a Preline
+ * select with one option per possibility (from the provider, the input
+ * options, or the object map of the model field's `possibilities`); the
+ * control holds the chosen possibility's `id`, of any type. As with
+ * Angular's `ngValue`, no option is selected while the value matches none.
+ */
+export declare function SmartInputEnumPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;