@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1,11 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled `pesel` field (preset, the Angular `InputPeselPresetComponent`):
+ * the Preline look of {@link SmartInputPesel}. Unlike the standard field it
+ * adds the PESEL check to the control's validators (`invalidPesel`), as the
+ * Angular preset did once its options were set. The validator is one shared
+ * function, so it is never stacked, and it stays on the control after the
+ * field unmounts, as in Angular. Register it as
+ * `inputFieldComponents[FieldType.pesel]` on `SmartProvider`.
+ */
+export declare function SmartInputPeselPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputPeselPreset = SmartInputPeselPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("@smartsoft001/utils");
+const class_names_1 = require("../../../../utils/class-names");
+const use_input_1 = require("../../base/use-input");
+const LABEL_CLASSES = [
+    'smart:block',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:mb-2',
+    'smart:text-gray-800',
+    'smart:dark:text-gray-200',
+].join(' ');
+const INPUT_CLASSES = [
+    '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-600',
+    'smart:dark:focus:border-blue-500',
+    'smart:focus:ring-1',
+    'smart:focus:ring-blue-600',
+    'smart:dark:focus:ring-blue-500',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+].join(' ');
+/** Reports `invalidPesel` for a non-empty value that is not a valid PESEL. */
+const peselValidator = (c) => {
+    if (c.value && utils_1.PeselService.isInvalid(c.value)) {
+        return {
+            invalidPesel: true,
+        };
+    }
+    return null;
+};
+/**
+ * Styled `pesel` field (preset, the Angular `InputPeselPresetComponent`):
+ * the Preline look of {@link SmartInputPesel}. Unlike the standard field it
+ * adds the PESEL check to the control's validators (`invalidPesel`), as the
+ * Angular preset did once its options were set. The validator is one shared
+ * function, so it is never stacked, and it stays on the control after the
+ * field unmounts, as in Angular. Register it as
+ * `inputFieldComponents[FieldType.pesel]` on `SmartProvider`.
+ */
+function SmartInputPeselPreset(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)();
+    (0, react_1.useEffect)(() => {
+        if (!control)
+            return;
+        control.addValidators(peselValidator);
+        control.updateValueAndValidity();
+    }, [control]);
+    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: "text", 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-pesel-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-pesel-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/pesel/preset/input-pesel-preset.tsx"],"names":[],"mappings":";;AAgEA,sDAyCC;;AAzGD,iCAAyC;AAEzC,+CAAmD;AAGnD,+DAAmD;AACnD,oDAAgD;AAGhD,MAAM,aAAa,GAAG;IACpB,aAAa;IACb,eAAe;IACf,mBAAmB;IACnB,YAAY;IACZ,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG;IACpB,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,8EAA8E;AAC9E,MAAM,cAAc,GAAqB,CAAC,CAAC,EAAE,EAAE;IAC7C,IAAI,CAAC,CAAC,KAAK,IAAI,oBAAY,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/C,OAAO;YACL,YAAY,EAAE,IAAI;SACnB,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,SAAgB,qBAAqB,CAAI,KAA8B;IACrE,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,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACtC,OAAO,CAAC,sBAAsB,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,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,MAAM,EACX,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/phone-number/index.d.ts

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

package/src/lib/components/input/phone-number/index.js

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

package/src/lib/components/input/phone-number/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/phone-number/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,6EAAmD;AACnD,kEAAwC"}

package/src/lib/components/input/phone-number/input-phone-number.d.ts

@@ -0,0 +1,8 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `phoneNumber` field (the Angular `InputPhoneNumberComponent`,
+ * `<smart-input-phone-number>`): the model label and a `type="tel"` input
+ * bound to the control, without a mask or a format check, as in Angular.
+ * `className` is appended to the input's classes.
+ */
+export declare function SmartInputPhoneNumber<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/phone-number/input-phone-number.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputPhoneNumber = SmartInputPhoneNumber;
+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 `phoneNumber` field (the Angular `InputPhoneNumberComponent`,
+ * `<smart-input-phone-number>`): the model label and a `type="tel"` input
+ * bound to the control, without a mask or a format check, as in Angular.
+ * `className` is appended to the input's classes.
+ */
+function SmartInputPhoneNumber(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: "tel", 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-phone-number.js.map

package/src/lib/components/input/phone-number/input-phone-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-phone-number.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/phone-number/input-phone-number.tsx"],"names":[],"mappings":";;AA6CA,sDAkCC;;AA/ED,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;;;;;GAKG;AACH,SAAgB,qBAAqB,CAAI,KAA8B;IACrE,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,KAAK,EACV,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/phone-number/preset/input-phone-number-preset.d.ts

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

package/src/lib/components/input/phone-number/preset/input-phone-number-preset.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputPhoneNumberPreset = SmartInputPhoneNumberPreset;
+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 `phoneNumber` field (preset, the Angular
+ * `InputPhoneNumberPresetComponent`): the Preline look of
+ * {@link SmartInputPhoneNumber}. Register it as
+ * `inputFieldComponents[FieldType.phoneNumber]` on `SmartProvider`.
+ */
+function SmartInputPhoneNumberPreset(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.getInputPhoneNumberPresetLabelClasses)(), 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: "tel", className: (0, preset_classes_1.getInputPhoneNumberPresetClasses)(className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.value), onBlur: markAsTouched })] }));
+}
+//# sourceMappingURL=input-phone-number-preset.js.map

package/src/lib/components/input/phone-number/preset/input-phone-number-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-phone-number-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/phone-number/preset/input-phone-number-preset.tsx"],"names":[],"mappings":";;AAeA,kEAkCC;;AAjDD,iCAA8B;AAE9B,qDAG0B;AAC1B,oDAAgD;AAGhD;;;;;GAKG;AACH,SAAgB,2BAA2B,CAAI,KAA8B;IAC3E,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,sDAAqC,GAAE,aACnE,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,kCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,IAAA,iDAAgC,EAAC,SAAS,CAAC,EACtD,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/phone-number/preset/preset-classes.d.ts

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

package/src/lib/components/input/phone-number/preset/preset-classes.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInputPhoneNumberPresetClasses = getInputPhoneNumberPresetClasses;
+exports.getInputPhoneNumberPresetLabelClasses = getInputPhoneNumberPresetLabelClasses;
+const INPUT_PHONE_NUMBER_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_PHONE_NUMBER_PRESET_LABEL = [
+    'smart:block',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:mb-2',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+function getInputPhoneNumberPresetClasses(cssClass) {
+    return cssClass
+        ? `${INPUT_PHONE_NUMBER_PRESET_BASE} ${cssClass}`
+        : INPUT_PHONE_NUMBER_PRESET_BASE;
+}
+function getInputPhoneNumberPresetLabelClasses() {
+    return INPUT_PHONE_NUMBER_PRESET_LABEL;
+}
+//# sourceMappingURL=preset-classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/phone-number/preset/preset-classes.ts"],"names":[],"mappings":";;AAmCA,4EAIC;AAED,sFAEC;AA3CD,MAAM,8BAA8B,GAAG;IACrC,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,+BAA+B,GAAG;IACtC,aAAa;IACb,eAAe;IACf,mBAAmB;IACnB,YAAY;IACZ,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,SAAgB,gCAAgC,CAAC,QAAgB;IAC/D,OAAO,QAAQ;QACb,CAAC,CAAC,GAAG,8BAA8B,IAAI,QAAQ,EAAE;QACjD,CAAC,CAAC,8BAA8B,CAAC;AACrC,CAAC;AAED,SAAgB,qCAAqC;IACnD,OAAO,+BAA+B,CAAC;AACzC,CAAC"}

package/src/lib/components/input/phone-number-pl/index.d.ts

@@ -0,0 +1,4 @@
+export * from './input-phone-number-pl';
+export * from './preset/input-phone-number-pl-preset';
+export * from './preset/preset-classes';
+export * from './use-input-phone-number-pl';

package/src/lib/components/input/phone-number-pl/index.js

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

package/src/lib/components/input/phone-number-pl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/phone-number-pl/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,gFAAsD;AACtD,kEAAwC;AACxC,sEAA4C"}

package/src/lib/components/input/phone-number-pl/input-phone-number-pl.d.ts

@@ -0,0 +1,9 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `phoneNumberPl` field (the Angular `InputPhoneNumberPlComponent`,
+ * `<smart-input-phone-number-pl>`): the model label and a `type="tel"` input
+ * bound to the control, which must hold exactly 9 characters (see
+ * {@link useInputPhoneNumberPl}). `className` is appended to the input's
+ * classes.
+ */
+export declare function SmartInputPhoneNumberPl<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/phone-number-pl/input-phone-number-pl.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputPhoneNumberPl = SmartInputPhoneNumberPl;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+const use_input_phone_number_pl_1 = require("./use-input-phone-number-pl");
+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 `phoneNumberPl` field (the Angular `InputPhoneNumberPlComponent`,
+ * `<smart-input-phone-number-pl>`): the model label and a `type="tel"` input
+ * bound to the control, which must hold exactly 9 characters (see
+ * {@link useInputPhoneNumberPl}). `className` is appended to the input's
+ * classes.
+ */
+function SmartInputPhoneNumberPl(props) {
+    const { className } = props;
+    const { control, value, required, disabled, label, setValue, markAsTouched, autoFocus, } = (0, use_input_phone_number_pl_1.useInputPhoneNumberPl)(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: "tel", 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-phone-number-pl.js.map

package/src/lib/components/input/phone-number-pl/input-phone-number-pl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-phone-number-pl.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/phone-number-pl/input-phone-number-pl.tsx"],"names":[],"mappings":";;AA8CA,0DAkCC;;AAhFD,iCAA8B;AAE9B,4DAAgD;AAEhD,2EAAoE;AAEpE,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;;;;;;GAMG;AACH,SAAgB,uBAAuB,CAAI,KAA8B;IACvE,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,iDAAqB,EAAC,KAAK,CAAC,CAAC;IACjC,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,KAAK,EACV,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/phone-number-pl/preset/input-phone-number-pl-preset.d.ts

@@ -0,0 +1,9 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled `phoneNumberPl` field (preset, the Angular
+ * `InputPhoneNumberPlPresetComponent`): the Preline look of
+ * {@link SmartInputPhoneNumberPl}, with a `+48` addon inside the input and
+ * the same 9-character check. Register it as
+ * `inputFieldComponents[FieldType.phoneNumberPl]` on `SmartProvider`.
+ */
+export declare function SmartInputPhoneNumberPlPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/phone-number-pl/preset/input-phone-number-pl-preset.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputPhoneNumberPlPreset = SmartInputPhoneNumberPlPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const preset_classes_1 = require("./preset-classes");
+const use_input_phone_number_pl_1 = require("../use-input-phone-number-pl");
+/**
+ * Styled `phoneNumberPl` field (preset, the Angular
+ * `InputPhoneNumberPlPresetComponent`): the Preline look of
+ * {@link SmartInputPhoneNumberPl}, with a `+48` addon inside the input and
+ * the same 9-character check. Register it as
+ * `inputFieldComponents[FieldType.phoneNumberPl]` on `SmartProvider`.
+ */
+function SmartInputPhoneNumberPlPreset(props) {
+    const { className = '' } = props;
+    const { control, value, required, disabled, label, setValue, markAsTouched, autoFocus, } = (0, use_input_phone_number_pl_1.useInputPhoneNumberPl)(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.getInputPhoneNumberPlPresetLabelClasses)(), 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, preset_classes_1.getInputPhoneNumberPlPresetWrapperClasses)(), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getInputPhoneNumberPlPresetPrefixClasses)(), "data-role": "phone-prefix", children: "+48" }), (0, jsx_runtime_1.jsx)("input", { id: id, type: "tel", className: (0, preset_classes_1.getInputPhoneNumberPlPresetClasses)(className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.value), onBlur: markAsTouched })] })] }));
+}
+//# sourceMappingURL=input-phone-number-pl-preset.js.map

package/src/lib/components/input/phone-number-pl/preset/input-phone-number-pl-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-phone-number-pl-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/phone-number-pl/preset/input-phone-number-pl-preset.tsx"],"names":[],"mappings":";;AAkBA,sEA4CC;;AA9DD,iCAA8B;AAE9B,qDAK0B;AAE1B,4EAAqE;AAErE;;;;;;GAMG;AACH,SAAgB,6BAA6B,CAC3C,KAA8B;IAE9B,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,iDAAqB,EAAC,KAAK,CAAC,CAAC;IACjC,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,wDAAuC,GAAE,aACrE,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,iCAAK,SAAS,EAAE,IAAA,0DAAyC,GAAE,aACzD,gCACE,SAAS,EAAE,IAAA,yDAAwC,GAAE,eAC3C,cAAc,oBAGpB,EACN,kCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,IAAA,mDAAkC,EAAC,SAAS,CAAC,EACxD,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,IACE,IACL,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/phone-number-pl/preset/preset-classes.d.ts

@@ -0,0 +1,4 @@
+export declare function getInputPhoneNumberPlPresetClasses(cssClass: string): string;
+export declare function getInputPhoneNumberPlPresetLabelClasses(): string;
+export declare function getInputPhoneNumberPlPresetWrapperClasses(): string;
+export declare function getInputPhoneNumberPlPresetPrefixClasses(): string;

package/src/lib/components/input/phone-number-pl/preset/preset-classes.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInputPhoneNumberPlPresetClasses = getInputPhoneNumberPlPresetClasses;
+exports.getInputPhoneNumberPlPresetLabelClasses = getInputPhoneNumberPlPresetLabelClasses;
+exports.getInputPhoneNumberPlPresetWrapperClasses = getInputPhoneNumberPlPresetWrapperClasses;
+exports.getInputPhoneNumberPlPresetPrefixClasses = getInputPhoneNumberPlPresetPrefixClasses;
+const INPUT_PHONE_NUMBER_PL_PRESET_BASE = [
+    'smart:py-2.5',
+    'smart:sm:py-3',
+    'smart:ps-12',
+    'smart:pe-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_PHONE_NUMBER_PL_PRESET_LABEL = [
+    'smart:block',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:mb-2',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const INPUT_PHONE_NUMBER_PL_PRESET_WRAPPER = 'smart:relative';
+const INPUT_PHONE_NUMBER_PL_PRESET_PREFIX = [
+    'smart:absolute',
+    'smart:inset-y-0',
+    'smart:start-0',
+    'smart:flex',
+    'smart:items-center',
+    'smart:pointer-events-none',
+    'smart:z-20',
+    'smart:ps-4',
+    'smart:text-sm',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+function getInputPhoneNumberPlPresetClasses(cssClass) {
+    return cssClass
+        ? `${INPUT_PHONE_NUMBER_PL_PRESET_BASE} ${cssClass}`
+        : INPUT_PHONE_NUMBER_PL_PRESET_BASE;
+}
+function getInputPhoneNumberPlPresetLabelClasses() {
+    return INPUT_PHONE_NUMBER_PL_PRESET_LABEL;
+}
+function getInputPhoneNumberPlPresetWrapperClasses() {
+    return INPUT_PHONE_NUMBER_PL_PRESET_WRAPPER;
+}
+function getInputPhoneNumberPlPresetPrefixClasses() {
+    return INPUT_PHONE_NUMBER_PL_PRESET_PREFIX;
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/input/phone-number-pl/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/phone-number-pl/preset/preset-classes.ts"],"names":[],"mappings":";;AAoDA,gFAIC;AAED,0FAEC;AAED,8FAEC;AAED,4FAEC;AApED,MAAM,iCAAiC,GAAG;IACxC,cAAc;IACd,eAAe;IACf,aAAa;IACb,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,kCAAkC,GAAG;IACzC,aAAa;IACb,eAAe;IACf,mBAAmB;IACnB,YAAY;IACZ,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,oCAAoC,GAAG,gBAAgB,CAAC;AAE9D,MAAM,mCAAmC,GAAG;IAC1C,gBAAgB;IAChB,iBAAiB;IACjB,eAAe;IACf,YAAY;IACZ,oBAAoB;IACpB,2BAA2B;IAC3B,YAAY;IACZ,YAAY;IACZ,eAAe;IACf,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,SAAgB,kCAAkC,CAAC,QAAgB;IACjE,OAAO,QAAQ;QACb,CAAC,CAAC,GAAG,iCAAiC,IAAI,QAAQ,EAAE;QACpD,CAAC,CAAC,iCAAiC,CAAC;AACxC,CAAC;AAED,SAAgB,uCAAuC;IACrD,OAAO,kCAAkC,CAAC;AAC5C,CAAC;AAED,SAAgB,yCAAyC;IACvD,OAAO,oCAAoC,CAAC;AAC9C,CAAC;AAED,SAAgB,wCAAwC;IACtD,OAAO,mCAAmC,CAAC;AAC7C,CAAC"}

package/src/lib/components/input/phone-number-pl/use-input-phone-number-pl.d.ts

@@ -0,0 +1,27 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * {@link useInput} plus what the Angular Polish phone number inputs did once
+ * their options were set (`afterSetOptionsHandler`): require exactly 9
+ * characters (`minLength(9)` and `maxLength(9)` added to the control's
+ * validators) and validate the control again.
+ *
+ * The validators are shared functions, so adding them again (a second render
+ * of the field, Strict Mode) does not stack them. They stay on the control
+ * after the field unmounts, as they did in Angular.
+ */
+export declare function useInputPhoneNumberPl<T>(props: SmartInputFieldProps<T>): {
+    control: import("../../../forms").SmartAbstractControl<any> | null;
+    state: import("../../../forms").SmartControlState<any> | null;
+    value: any;
+    required: boolean;
+    disabled: boolean;
+    label: string;
+    fieldKey: string;
+    model: T | undefined;
+    mode: string | undefined;
+    treeLevel: number;
+    fieldOptions: import("dist/packages/shared/models/src").IFieldOptions | undefined;
+    setValue: (value: unknown) => void;
+    markAsTouched: () => void | undefined;
+    autoFocus: boolean;
+};

package/src/lib/components/input/phone-number-pl/use-input-phone-number-pl.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInputPhoneNumberPl = useInputPhoneNumberPl;
+const react_1 = require("react");
+const validators_1 = require("../../../forms/validators");
+const use_input_1 = require("../base/use-input");
+const minLength9 = validators_1.SmartValidators.minLength(9);
+const maxLength9 = validators_1.SmartValidators.maxLength(9);
+/**
+ * {@link useInput} plus what the Angular Polish phone number inputs did once
+ * their options were set (`afterSetOptionsHandler`): require exactly 9
+ * characters (`minLength(9)` and `maxLength(9)` added to the control's
+ * validators) and validate the control again.
+ *
+ * The validators are shared functions, so adding them again (a second render
+ * of the field, Strict Mode) does not stack them. They stay on the control
+ * after the field unmounts, as they did in Angular.
+ */
+function useInputPhoneNumberPl(props) {
+    const input = (0, use_input_1.useInput)(props);
+    const { control } = input;
+    (0, react_1.useEffect)(() => {
+        if (!control)
+            return;
+        control.addValidators([minLength9, maxLength9]);
+        control.updateValueAndValidity();
+    }, [control]);
+    return input;
+}
+//# sourceMappingURL=use-input-phone-number-pl.js.map

package/src/lib/components/input/phone-number-pl/use-input-phone-number-pl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-phone-number-pl.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/phone-number-pl/use-input-phone-number-pl.ts"],"names":[],"mappings":";;AAmBA,sDAYC;AA/BD,iCAAkC;AAElC,0DAA4D;AAC5D,iDAA6C;AAG7C,MAAM,UAAU,GAAG,4BAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAChD,MAAM,UAAU,GAAG,4BAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;AAEhD;;;;;;;;;GASG;AACH,SAAgB,qBAAqB,CAAI,KAA8B;IACrE,MAAM,KAAK,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO,CAAC,aAAa,CAAC,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;QAChD,OAAO,CAAC,sBAAsB,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,KAAK,CAAC;AACf,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { ComponentType } from 'react';
+import { FieldTypeDef } from '@smartsoft001/models';
+/**
+ * The Preline-styled field presets, by `FieldType` (the Angular
+ * `INPUT_PRESET_FIELD_COMPONENTS`). Pass it as `inputFieldComponents` to
+ * `SmartProvider` to render every `<SmartInput>` with the preset look, or
+ * spread it to override only some types:
+ * `{ ...INPUT_PRESET_FIELD_COMPONENTS, [FieldType.text]: MyText }`.
+ *
+ * The validation-message preset `SmartInputErrorPreset` is not a field type;
+ * register it as `components['input-error']`.
+ */
+export declare const INPUT_PRESET_FIELD_COMPONENTS: Partial<Record<FieldTypeDef, ComponentType<any>>>;