@loadspark/core 0.0.1

package/dist/fields/Pattern/Component.d.ts

@@ -0,0 +1,14 @@
+import type { NumberFieldClientProps, TextFieldClientProps } from 'payload';
+import React from 'react';
+import type { Config } from './index.js';
+import './styles.css';
+type Props = {
+    className?: string;
+    config: Config;
+    path: string;
+    placeholder?: string;
+    readOnly?: boolean;
+} & (NumberFieldClientProps | TextFieldClientProps);
+export declare const PatternComponent: React.FC<Props>;
+export {};
+//# sourceMappingURL=Component.d.ts.map

package/dist/fields/Pattern/Component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../src/fields/Pattern/Component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAS3E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CAAC,sBAAsB,GAAG,oBAAoB,CAAC,CAAA;AAEnD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4F5C,CAAA"}

package/dist/fields/Pattern/Component.js

@@ -0,0 +1,88 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */ 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldError as Error, FieldDescription, FieldLabel, RenderCustomComponent, useField } from '@payloadcms/ui';
+import React, { useCallback } from 'react';
+import { PatternFormat } from 'react-number-format';
+import './styles.css';
+export const PatternComponent = (props)=>{
+    const { config, field, path, readOnly, validate } = props;
+    const { type, admin: { className, description, placeholder, readOnly: adminReadOnly } = {}, label, required } = field;
+    const memoizedValidate = useCallback((value, options)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...options,
+                required
+            });
+        }
+        return true;
+    }, [
+        validate,
+        required
+    ]);
+    const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorMessage, setValue, showError, value } = useField({
+        path,
+        validate: memoizedValidate
+    });
+    const classes = [
+        'field-type',
+        'text',
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+        'container'
+    ].filter(Boolean).join(' ');
+    const valueString = value ?? '';
+    const isReadonly = readOnly || adminReadOnly;
+    return /*#__PURE__*/ _jsxs("div", {
+        className: `bfPatternFieldWrapper field-type`,
+        children: [
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: Label,
+                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                    label: label,
+                    path: path,
+                    required: required
+                })
+            }),
+            BeforeInput,
+            /*#__PURE__*/ _jsxs("div", {
+                className: classes,
+                children: [
+                    /*#__PURE__*/ _jsx(PatternFormat, {
+                        className: "patternInput",
+                        id: `field-${path.replace(/\./g, '__')}`,
+                        name: path,
+                        onValueChange: ({ value: raw })=>{
+                            if (type === 'number') {
+                                const nextNum = raw === '' ? null : Number(raw);
+                                setValue(nextNum === null || Number.isNaN(nextNum) ? null : nextNum);
+                            } else {
+                                setValue(raw);
+                            }
+                        },
+                        placeholder: typeof placeholder === 'string' ? placeholder : '',
+                        readOnly: isReadonly,
+                        required: config.required,
+                        value: String(valueString),
+                        ...config
+                    }),
+                    /*#__PURE__*/ _jsx(Error, {
+                        message: errorMessage ?? '',
+                        showError: showError
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: Description,
+                Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                    className: `field-description-${path.replace(/\./g, '__')}`,
+                    description: description ?? '',
+                    path: path
+                })
+            }),
+            AfterInput
+        ]
+    });
+};
+
+//# sourceMappingURL=Component.js.map

package/dist/fields/Pattern/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Pattern/Component.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n'use client'\nimport type { NumberFieldClientProps, TextFieldClientProps } from 'payload'\n\nimport {\n  FieldError as Error,\n  FieldDescription,\n  FieldLabel,\n  RenderCustomComponent,\n  useField,\n} from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\nimport { PatternFormat } from 'react-number-format'\n\nimport type { Config } from './index.js'\n\nimport './styles.css'\n\ntype Props = {\n  className?: string\n  config: Config\n  path: string\n  placeholder?: string\n  readOnly?: boolean\n} & (NumberFieldClientProps | TextFieldClientProps)\n\nexport const PatternComponent: React.FC<Props> = (props) => {\n  const { config, field, path, readOnly, validate } = props\n\n  const {\n    type,\n    admin: { className, description, placeholder, readOnly: adminReadOnly } = {},\n    label,\n    required,\n  } = field\n\n  const memoizedValidate = useCallback(\n    (value: any, options: any) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n      return true\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Label } = {},\n    errorMessage,\n    setValue,\n    showError,\n    value,\n  } = useField<null | number | string>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const classes = [\n    'field-type',\n    'text',\n    className,\n    showError && 'error',\n    readOnly && 'read-only',\n    'container',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const valueString = value ?? ''\n\n  const isReadonly = readOnly || adminReadOnly\n\n  return (\n    <div className={`bfPatternFieldWrapper field-type`}>\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={<FieldLabel label={label} path={path} required={required} />}\n      />\n\n      {BeforeInput}\n\n      <div className={classes}>\n        <PatternFormat\n          className=\"patternInput\"\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onValueChange={({ value: raw }) => {\n            if (type === 'number') {\n              const nextNum = raw === '' ? null : Number(raw)\n              setValue(nextNum === null || Number.isNaN(nextNum) ? null : nextNum)\n            } else {\n              setValue(raw)\n            }\n          }}\n          placeholder={typeof placeholder === 'string' ? placeholder : ''}\n          readOnly={isReadonly}\n          required={config.required}\n          value={String(valueString)}\n          {...config}\n        />\n\n        <Error message={errorMessage ?? ''} showError={showError} />\n      </div>\n\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={\n          <FieldDescription\n            className={`field-description-${path.replace(/\\./g, '__')}`}\n            description={description ?? ''}\n            path={path}\n          />\n        }\n      />\n\n      {AfterInput}\n    </div>\n  )\n}\n"],"names":["FieldError","Error","FieldDescription","FieldLabel","RenderCustomComponent","useField","React","useCallback","PatternFormat","PatternComponent","props","config","field","path","readOnly","validate","type","admin","className","description","placeholder","adminReadOnly","label","required","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Label","errorMessage","setValue","showError","classes","filter","Boolean","join","valueString","isReadonly","div","CustomComponent","Fallback","id","replace","name","onValueChange","raw","nextNum","Number","isNaN","String","message"],"mappings":"AAAA,qDAAqD,GACrD;;AAGA,SACEA,cAAcC,KAAK,EACnBC,gBAAgB,EAChBC,UAAU,EACVC,qBAAqB,EACrBC,QAAQ,QACH,iBAAgB;AACvB,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAC1C,SAASC,aAAa,QAAQ,sBAAqB;AAInD,OAAO,eAAc;AAUrB,OAAO,MAAMC,mBAAoC,CAACC;IAChD,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGL;IAEpD,MAAM,EACJM,IAAI,EACJC,OAAO,EAAEC,SAAS,EAAEC,WAAW,EAAEC,WAAW,EAAEN,UAAUO,aAAa,EAAE,GAAG,CAAC,CAAC,EAC5EC,KAAK,EACLC,QAAQ,EACT,GAAGX;IAEJ,MAAMY,mBAAmBjB,YACvB,CAACkB,OAAYC;QACX,IAAI,OAAOX,aAAa,YAAY;YAClC,OAAOA,SAASU,OAAO;gBAAE,GAAGC,OAAO;gBAAEH;YAAS;QAChD;QACA,OAAO;IACT,GACA;QAACR;QAAUQ;KAAS;IAGtB,MAAM,EACJI,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EACtEC,YAAY,EACZC,QAAQ,EACRC,SAAS,EACTT,KAAK,EACN,GAAGpB,SAAiC;QACnCQ;QACAE,UAAUS;IACZ;IAEA,MAAMW,UAAU;QACd;QACA;QACAjB;QACAgB,aAAa;QACbpB,YAAY;QACZ;KACD,CACEsB,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,cAAcd,SAAS;IAE7B,MAAMe,aAAa1B,YAAYO;IAE/B,qBACE,MAACoB;QAAIvB,WAAW,CAAC,gCAAgC,CAAC;;0BAChD,KAACd;gBACCsC,iBAAiBX;gBACjBY,wBAAU,KAACxC;oBAAWmB,OAAOA;oBAAOT,MAAMA;oBAAMU,UAAUA;;;YAG3DM;0BAED,MAACY;gBAAIvB,WAAWiB;;kCACd,KAAC3B;wBACCU,WAAU;wBACV0B,IAAI,CAAC,MAAM,EAAE/B,KAAKgC,OAAO,CAAC,OAAO,OAAO;wBACxCC,MAAMjC;wBACNkC,eAAe,CAAC,EAAEtB,OAAOuB,GAAG,EAAE;4BAC5B,IAAIhC,SAAS,UAAU;gCACrB,MAAMiC,UAAUD,QAAQ,KAAK,OAAOE,OAAOF;gCAC3Cf,SAASgB,YAAY,QAAQC,OAAOC,KAAK,CAACF,WAAW,OAAOA;4BAC9D,OAAO;gCACLhB,SAASe;4BACX;wBACF;wBACA5B,aAAa,OAAOA,gBAAgB,WAAWA,cAAc;wBAC7DN,UAAU0B;wBACVjB,UAAUZ,OAAOY,QAAQ;wBACzBE,OAAO2B,OAAOb;wBACb,GAAG5B,MAAM;;kCAGZ,KAACV;wBAAMoD,SAASrB,gBAAgB;wBAAIE,WAAWA;;;;0BAGjD,KAAC9B;gBACCsC,iBAAiBZ;gBACjBa,wBACE,KAACzC;oBACCgB,WAAW,CAAC,kBAAkB,EAAEL,KAAKgC,OAAO,CAAC,OAAO,OAAO;oBAC3D1B,aAAaA,eAAe;oBAC5BN,MAAMA;;;YAKXe;;;AAGP,EAAC"}

package/dist/fields/Pattern/index.d.ts

@@ -0,0 +1,59 @@
+import type { Field, TextField as TextFieldType } from 'payload';
+import type { PatternFormatProps } from 'react-number-format';
+type FieldTypes = TextFieldType;
+export interface PatternConfig extends PatternFormatProps {
+}
+export type Config = {} & PatternConfig;
+/**
+ * Factory function type for creating a Pattern field.
+ *
+ * @param overrides - Any Payload TextField properties to override
+ * @param config - Pattern format configuration (see react-number-format docs)
+ *
+ * @returns A Payload Field configuration
+ */
+export type Pattern = (
+/**
+ * Field overrides
+ */
+overrides: FieldTypes, 
+/**
+ * Config mapping to Numeric or Pattern formats from https://s-yadav.github.io/react-number-format/docs/numeric_format
+ */
+config: Config) => Field;
+/**
+ * Creates a Pattern field with regex-based input formatting and validation.
+ *
+ * This field provides pattern-based input formatting using react-number-format:
+ * - Custom input masks (e.g., phone numbers, credit cards, dates)
+ * - Format as you type
+ * - Pattern validation
+ * - Read-only mode support
+ *
+ * See https://s-yadav.github.io/react-number-format/docs/pattern_format for all configuration options.
+ *
+ * @param overrides - Any Payload TextField properties to override (name, label, required, etc.)
+ * @param config - Pattern format configuration from react-number-format
+ * @param config.format - Pattern string (e.g., '####-####-####-####' for credit card)
+ * @param config.mask - Character to use for unfilled positions (defaults to ' ')
+ * @param config.readOnly - Make the field read-only
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * PatternField(
+ *   {
+ *     name: 'creditCard',
+ *     label: { en: 'Credit Card', de: 'Kreditkarte' }
+ *   },
+ *   {
+ *     format: '####-####-####-####',
+ *     mask: '_'
+ *   }
+ * )
+ * ```
+ */
+export declare const PatternField: Pattern;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Pattern/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Pattern/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAI7D,KAAK,UAAU,GAAG,aAAa,CAAA;AAG/B,MAAM,WAAW,aAAc,SAAQ,kBAAkB;CAAG;AAE5D,MAAM,MAAM,MAAM,GAAG,EAAE,GAAG,aAAa,CAAA;AAEvC;;;;;;;GAOG;AACH,MAAM,MAAM,OAAO,GAAG;AACpB;;GAEG;AACH,SAAS,EAAE,UAAU;AACrB;;GAEG;AACH,MAAM,EAAE,MAAM,KACX,KAAK,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,YAAY,EAAE,OAuB1B,CAAA"}

package/dist/fields/Pattern/index.js

@@ -0,0 +1,55 @@
+import { deepMerge } from 'payload';
+/**
+ * Creates a Pattern field with regex-based input formatting and validation.
+ *
+ * This field provides pattern-based input formatting using react-number-format:
+ * - Custom input masks (e.g., phone numbers, credit cards, dates)
+ * - Format as you type
+ * - Pattern validation
+ * - Read-only mode support
+ *
+ * See https://s-yadav.github.io/react-number-format/docs/pattern_format for all configuration options.
+ *
+ * @param overrides - Any Payload TextField properties to override (name, label, required, etc.)
+ * @param config - Pattern format configuration from react-number-format
+ * @param config.format - Pattern string (e.g., '####-####-####-####' for credit card)
+ * @param config.mask - Character to use for unfilled positions (defaults to ' ')
+ * @param config.readOnly - Make the field read-only
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * PatternField(
+ *   {
+ *     name: 'creditCard',
+ *     label: { en: 'Credit Card', de: 'Kreditkarte' }
+ *   },
+ *   {
+ *     format: '####-####-####-####',
+ *     mask: '_'
+ *   }
+ * )
+ * ```
+ */ export const PatternField = (overrides, config)=>{
+    const patternField = deepMerge({
+        name: 'pattern',
+        type: 'text',
+        admin: {
+            components: {
+                // Field: PatternComponent,
+                Field: {
+                    clientProps: {
+                        config
+                    },
+                    path: '@loadspark/core/fields/Pattern/client#PatternComponent'
+                }
+            },
+            readOnly: config.readOnly
+        },
+        required: config.required
+    }, overrides);
+    return patternField;
+};
+
+//# sourceMappingURL=index.js.map

package/dist/fields/Pattern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Pattern/index.ts"],"sourcesContent":["import type { Field, TextField as TextFieldType } from 'payload'\nimport type { PatternFormatProps } from 'react-number-format'\n\nimport { deepMerge } from 'payload'\n\ntype FieldTypes = TextFieldType\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface PatternConfig extends PatternFormatProps {}\n\nexport type Config = {} & PatternConfig\n\n/**\n * Factory function type for creating a Pattern field.\n *\n * @param overrides - Any Payload TextField properties to override\n * @param config - Pattern format configuration (see react-number-format docs)\n *\n * @returns A Payload Field configuration\n */\nexport type Pattern = (\n  /**\n   * Field overrides\n   */\n  overrides: FieldTypes,\n  /**\n   * Config mapping to Numeric or Pattern formats from https://s-yadav.github.io/react-number-format/docs/numeric_format\n   */\n  config: Config,\n) => Field\n\n/**\n * Creates a Pattern field with regex-based input formatting and validation.\n *\n * This field provides pattern-based input formatting using react-number-format:\n * - Custom input masks (e.g., phone numbers, credit cards, dates)\n * - Format as you type\n * - Pattern validation\n * - Read-only mode support\n *\n * See https://s-yadav.github.io/react-number-format/docs/pattern_format for all configuration options.\n *\n * @param overrides - Any Payload TextField properties to override (name, label, required, etc.)\n * @param config - Pattern format configuration from react-number-format\n * @param config.format - Pattern string (e.g., '####-####-####-####' for credit card)\n * @param config.mask - Character to use for unfilled positions (defaults to ' ')\n * @param config.readOnly - Make the field read-only\n *\n * @returns A Payload Field configuration\n *\n * @example\n * ```ts\n * PatternField(\n *   {\n *     name: 'creditCard',\n *     label: { en: 'Credit Card', de: 'Kreditkarte' }\n *   },\n *   {\n *     format: '####-####-####-####',\n *     mask: '_'\n *   }\n * )\n * ```\n */\nexport const PatternField: Pattern = (overrides, config) => {\n  const patternField = deepMerge<FieldTypes, FieldTypes>(\n    {\n      name: 'pattern',\n      type: 'text',\n      admin: {\n        components: {\n          // Field: PatternComponent,\n          Field: {\n            clientProps: {\n              config,\n            },\n            path: '@loadspark/core/fields/Pattern/client#PatternComponent',\n          },\n        },\n        readOnly: config.readOnly,\n      },\n      required: config.required,\n    },\n    overrides,\n  )\n\n  return patternField\n}\n"],"names":["deepMerge","PatternField","overrides","config","patternField","name","type","admin","components","Field","clientProps","path","readOnly","required"],"mappings":"AAGA,SAASA,SAAS,QAAQ,UAAS;AA4BnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCC,GACD,OAAO,MAAMC,eAAwB,CAACC,WAAWC;IAC/C,MAAMC,eAAeJ,UACnB;QACEK,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACV,2BAA2B;gBAC3BC,OAAO;oBACLC,aAAa;wBACXP;oBACF;oBACAQ,MAAM;gBACR;YACF;YACAC,UAAUT,OAAOS,QAAQ;QAC3B;QACAC,UAAUV,OAAOU,QAAQ;IAC3B,GACAX;IAGF,OAAOE;AACT,EAAC"}

package/dist/fields/Pattern/styles.css

@@ -0,0 +1,34 @@
+.bfSlugFieldWrapper {
+  position: relative;
+
+  .container {
+    display: flex;
+  }
+
+  .slugInput {
+    flex-grow: 2;
+  }
+
+  .srOnly {
+    border: 0 !important;
+    clip: rect(1px, 1px, 1px, 1px) !important;
+    -webkit-clip-path: inset(50%) !important;
+      clip-path: inset(50%) !important;
+    height: 1px !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    padding: 0 !important;
+    position: absolute !important;
+    width: 1px !important;
+    white-space: nowrap !important;
+  }
+
+  .checkbox {
+    position: absolute;
+    top: calc(50% - 1rem);
+    right: 1rem;
+    display: flex;
+    align-items: center;
+  }
+}
+

package/dist/fields/Range/Component.d.ts

@@ -0,0 +1,13 @@
+import type { NumberFieldClientProps } from 'payload';
+import type { Config } from './index.js';
+import './range.scss';
+type Props = {
+    className?: string;
+    config?: Config;
+    path: string;
+    placeholder?: string;
+    readOnly?: boolean;
+} & NumberFieldClientProps;
+export declare const RangeComponent: React.FC<Props>;
+export {};
+//# sourceMappingURL=Component.d.ts.map

package/dist/fields/Range/Component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../src/fields/Range/Component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAWrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,sBAAsB,CAAA;AAE1B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4I1C,CAAA"}

package/dist/fields/Range/Component.js

@@ -0,0 +1,138 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FieldError as Error, FieldDescription, FieldLabel, RenderCustomComponent, useField } from '@payloadcms/ui';
+import { useCallback } from 'react';
+import './range.scss';
+export const RangeComponent = (props)=>{
+    const { config, field, path, readOnly, validate } = props;
+    const { admin: { className, description, placeholder, readOnly: adminReadOnly } = {}, label, required } = field;
+    const memoizedValidate = useCallback(// eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (value, options)=>{
+        if (typeof validate === 'function') {
+            return validate(value, {
+                ...options || {},
+                required
+            });
+        }
+    }, [
+        validate,
+        required
+    ]);
+    const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorMessage, setValue, showError, value } = useField({
+        path,
+        // @ts-expect-error - memoizedValidate is not typed
+        validate: memoizedValidate
+    });
+    const step = config?.step ?? 1;
+    const usedMin = field.min ?? 1;
+    const usedMax = field.max ?? 100;
+    const rangeValue = usedMax - usedMin;
+    const markers = config?.markers ?? [];
+    const getPosition = useCallback((value)=>{
+        const remainder = value - usedMin;
+        if (remainder === 0) {
+            return 0;
+        }
+        return remainder / rangeValue * 100;
+    }, [
+        rangeValue,
+        usedMin
+    ]);
+    const classes = [
+        '',
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+        'container'
+    ].filter(Boolean).join(' ');
+    const isReadonly = Boolean(readOnly) || Boolean(adminReadOnly);
+    const handleReset = (e)=>{
+        e.preventDefault();
+        setValue(null);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: `bfRangeFieldWrapper field-type`,
+        children: [
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: Label,
+                Fallback: /*#__PURE__*/ _jsx(FieldLabel, {
+                    label: label,
+                    path: path,
+                    required: required
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "containerWrapper",
+                children: [
+                    config?.showPreview && /*#__PURE__*/ _jsx(_Fragment, {
+                        children: /*#__PURE__*/ _jsx("div", {
+                            className: "valuePreview",
+                            children: value ? value : '/'
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: classes,
+                        children: [
+                            BeforeInput,
+                            /*#__PURE__*/ _jsx("input", {
+                                className: "rangeInput",
+                                id: `field-${path.replace(/\./g, '__')}`,
+                                max: usedMax,
+                                min: usedMin,
+                                name: path,
+                                onChange: (e)=>{
+                                    const next = Number(e.target.value);
+                                    setValue(Number.isNaN(next) ? null : next);
+                                },
+                                placeholder: typeof placeholder === 'string' ? placeholder : '',
+                                readOnly: isReadonly,
+                                required: required,
+                                step: step,
+                                type: "range",
+                                value: value ?? 0,
+                                ...markers?.length && markers.length > 0 ? {
+                                    list: `field-markers-${path.replace(/\./g, '__')}`
+                                } : {}
+                            }),
+                            /*#__PURE__*/ _jsx("datalist", {
+                                className: "markersList",
+                                id: `field-markers-${path.replace(/\./g, '__')}`,
+                                children: markers.map((marker, index)=>{
+                                    return /*#__PURE__*/ _jsx("option", {
+                                        "data-test": getPosition(marker.value),
+                                        style: {
+                                            left: `${getPosition(marker.value)}%`
+                                        },
+                                        value: marker.value,
+                                        children: marker.label
+                                    }, index);
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Error, {
+                        message: errorMessage ?? '',
+                        showError: showError
+                    })
+                ]
+            }),
+            !required && Boolean(value) && /*#__PURE__*/ _jsx("button", {
+                className: "btn--size-small btn btn--style-secondary resetButton",
+                onClick: handleReset,
+                type: "button",
+                children: "Reset"
+            }),
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: Description,
+                Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                    className: `field-description-${path.replace(/\./g, '__')}`,
+                    description: description ?? '',
+                    path: path
+                })
+            }),
+            AfterInput
+        ]
+    });
+};
+
+//# sourceMappingURL=Component.js.map

package/dist/fields/Range/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Range/Component.tsx"],"sourcesContent":["'use client'\nimport type { NumberFieldClientProps } from 'payload'\n\nimport {\n  FieldError as Error,\n  FieldDescription,\n  FieldLabel,\n  RenderCustomComponent,\n  useField,\n} from '@payloadcms/ui'\nimport { type MouseEventHandler, useCallback } from 'react'\n\nimport type { Config } from './index.js'\n\nimport './range.scss'\n\ntype Props = {\n  className?: string\n  config?: Config\n  path: string\n  placeholder?: string\n  readOnly?: boolean\n} & NumberFieldClientProps\n\nexport const RangeComponent: React.FC<Props> = (props) => {\n  const { config, field, path, readOnly, validate } = props\n  const {\n    admin: { className, description, placeholder, readOnly: adminReadOnly } = {},\n    label,\n    required,\n  } = field\n\n  const memoizedValidate = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (value: null | number | undefined, options: any) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...(options || {}), required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Label } = {},\n    errorMessage,\n    setValue,\n    showError,\n    value,\n  } = useField<null | number>({\n    path,\n    // @ts-expect-error - memoizedValidate is not typed\n    validate: memoizedValidate,\n  })\n\n  const step = config?.step ?? 1\n  const usedMin = field.min ?? 1\n  const usedMax = field.max ?? 100\n  const rangeValue = usedMax - usedMin\n  const markers = config?.markers ?? []\n\n  const getPosition = useCallback(\n    (value: number) => {\n      const remainder = value - usedMin\n      if (remainder === 0) {\n        return 0\n      }\n      return (remainder / rangeValue) * 100\n    },\n    [rangeValue, usedMin],\n  )\n\n  const classes = ['', className, showError && 'error', readOnly && 'read-only', 'container']\n    .filter(Boolean)\n    .join(' ')\n\n  const isReadonly = Boolean(readOnly) || Boolean(adminReadOnly)\n\n  const handleReset: MouseEventHandler = (e) => {\n    e.preventDefault()\n    setValue(null)\n  }\n\n  return (\n    <div className={`bfRangeFieldWrapper field-type`}>\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={<FieldLabel label={label} path={path} required={required} />}\n      />\n\n      <div className=\"containerWrapper\">\n        {config?.showPreview && (\n          <>\n            <div className=\"valuePreview\">{value ? value : '/'}</div>\n          </>\n        )}\n        <div className={classes}>\n          {BeforeInput}\n\n          <input\n            className=\"rangeInput\"\n            id={`field-${path.replace(/\\./g, '__')}`}\n            max={usedMax}\n            min={usedMin}\n            name={path}\n            onChange={(e) => {\n              const next = Number(e.target.value)\n              setValue(Number.isNaN(next) ? null : next)\n            }}\n            placeholder={typeof placeholder === 'string' ? placeholder : ''}\n            readOnly={isReadonly}\n            required={required}\n            step={step}\n            type=\"range\"\n            value={value ?? 0}\n            {...(markers?.length && markers.length > 0\n              ? { list: `field-markers-${path.replace(/\\./g, '__')}` }\n              : {})}\n          />\n\n          <datalist className=\"markersList\" id={`field-markers-${path.replace(/\\./g, '__')}`}>\n            {markers.map((marker, index) => {\n              return (\n                <option\n                  data-test={getPosition(marker.value)}\n                  key={index}\n                  style={{\n                    left: `${getPosition(marker.value)}%`,\n                  }}\n                  value={marker.value}\n                >\n                  {marker.label}\n                </option>\n              )\n            })}\n          </datalist>\n        </div>\n\n        <Error message={errorMessage ?? ''} showError={showError} />\n      </div>\n\n      {!required && Boolean(value) && (\n        <button\n          className=\"btn--size-small btn btn--style-secondary resetButton\"\n          onClick={handleReset}\n          type=\"button\"\n        >\n          Reset\n        </button>\n      )}\n\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={\n          <FieldDescription\n            className={`field-description-${path.replace(/\\./g, '__')}`}\n            description={description ?? ''}\n            path={path}\n          />\n        }\n      />\n\n      {AfterInput}\n    </div>\n  )\n}\n"],"names":["FieldError","Error","FieldDescription","FieldLabel","RenderCustomComponent","useField","useCallback","RangeComponent","props","config","field","path","readOnly","validate","admin","className","description","placeholder","adminReadOnly","label","required","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Label","errorMessage","setValue","showError","step","usedMin","min","usedMax","max","rangeValue","markers","getPosition","remainder","classes","filter","Boolean","join","isReadonly","handleReset","e","preventDefault","div","CustomComponent","Fallback","showPreview","input","id","replace","name","onChange","next","Number","target","isNaN","type","length","list","datalist","map","marker","index","option","data-test","style","left","message","button","onClick"],"mappings":"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"}

package/dist/fields/Range/index.d.ts

@@ -0,0 +1,82 @@
+import type { Field, NumberField as NumberFieldType } from 'payload';
+import type { NumberMarkerItem } from './types.js';
+type FieldTypes = NumberFieldType;
+/**
+ * Additional config unique to the range input
+ */
+export type Config = {
+    /**
+     * You can provide an array of markers https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#adding_tick_marks
+     */
+    markers?: NumberMarkerItem[];
+    /**
+     * @default 100
+     */
+    max?: number;
+    /**
+     * @default 1
+     */
+    min?: number;
+    /**
+     * Shows the value previewed next to the field
+     */
+    showPreview?: boolean;
+    /**
+     * @default 1
+     */
+    step?: 'any' | number;
+};
+/**
+ * Factory function type for creating a Range field.
+ *
+ * @param overrides - Any Payload NumberField properties to override (except type)
+ * @param config - Range slider configuration
+ *
+ * @returns A Payload Field configuration
+ */
+export type Range = (
+/**
+ * Field overrides
+ */
+overrides: Omit<FieldTypes, 'type'>, config: Config) => Field;
+/**
+ * Creates a Range field with a slider-based number input.
+ *
+ * This field provides a visual range slider for number input with:
+ * - Customizable min/max values
+ * - Step control
+ * - Optional tick marks/markers
+ * - Value preview display
+ *
+ * Built on top of HTML5 range input with enhanced UI.
+ *
+ * @param overrides - Any Payload NumberField properties to override (name, label, required, etc.)
+ * @param config - Range slider configuration
+ * @param config.min - Minimum value (defaults to 1)
+ * @param config.max - Maximum value (defaults to 100)
+ * @param config.step - Step increment ('any' or number, defaults to 1)
+ * @param config.markers - Array of marker positions for tick marks
+ * @param config.showPreview - Show the current value next to the slider (defaults to false)
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * RangeField(
+ *   {
+ *     name: 'rating',
+ *     label: { en: 'Rating', de: 'Bewertung' }
+ *   },
+ *   {
+ *     min: 0,
+ *     max: 10,
+ *     step: 1,
+ *     showPreview: true,
+ *     markers: [0, 5, 10]
+ *   }
+ * )
+ * ```
+ */
+export declare const RangeField: Range;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Range/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Range/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,SAAS,CAAA;AAIpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,KAAK,UAAU,GAAG,eAAe,CAAA;AAEjC;;GAEG;AACH,MAAM,MAAM,MAAM,GAAG;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;CACtB,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,KAAK,GAAG;AAClB;;GAEG;AACH,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,EACnC,MAAM,EAAE,MAAM,KACX,KAAK,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAA"}

package/dist/fields/Range/index.js

@@ -0,0 +1,63 @@
+import { deepMerge } from 'payload';
+/**
+ * Creates a Range field with a slider-based number input.
+ *
+ * This field provides a visual range slider for number input with:
+ * - Customizable min/max values
+ * - Step control
+ * - Optional tick marks/markers
+ * - Value preview display
+ *
+ * Built on top of HTML5 range input with enhanced UI.
+ *
+ * @param overrides - Any Payload NumberField properties to override (name, label, required, etc.)
+ * @param config - Range slider configuration
+ * @param config.min - Minimum value (defaults to 1)
+ * @param config.max - Maximum value (defaults to 100)
+ * @param config.step - Step increment ('any' or number, defaults to 1)
+ * @param config.markers - Array of marker positions for tick marks
+ * @param config.showPreview - Show the current value next to the slider (defaults to false)
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * RangeField(
+ *   {
+ *     name: 'rating',
+ *     label: { en: 'Rating', de: 'Bewertung' }
+ *   },
+ *   {
+ *     min: 0,
+ *     max: 10,
+ *     step: 1,
+ *     showPreview: true,
+ *     markers: [0, 5, 10]
+ *   }
+ * )
+ * ```
+ */ export const RangeField = (overrides, config = {})=>{
+    const rangeField = deepMerge({
+        name: 'range',
+        type: 'number',
+        admin: {
+            components: {
+                Field: {
+                    clientProps: {
+                        config
+                    },
+                    path: '@loadspark/core/fields/Range/client#RangeComponent'
+                }
+            }
+        },
+        ...config?.min ? {
+            min: config.min
+        } : {},
+        ...config?.max ? {
+            max: config.max
+        } : {}
+    }, overrides);
+    return rangeField;
+};
+
+//# sourceMappingURL=index.js.map

package/dist/fields/Range/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Range/index.ts"],"sourcesContent":["import type { Field, NumberField as NumberFieldType } from 'payload'\n\nimport { deepMerge } from 'payload'\n\nimport type { NumberMarkerItem } from './types.js'\n\ntype FieldTypes = NumberFieldType\n\n/**\n * Additional config unique to the range input\n */\nexport type Config = {\n  /**\n   * You can provide an array of markers https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#adding_tick_marks\n   */\n  markers?: NumberMarkerItem[]\n  /**\n   * @default 100\n   */\n  max?: number\n  /**\n   * @default 1\n   */\n  min?: number\n  /**\n   * Shows the value previewed next to the field\n   */\n  showPreview?: boolean\n  /**\n   * @default 1\n   */\n  step?: 'any' | number\n}\n\n/**\n * Factory function type for creating a Range field.\n *\n * @param overrides - Any Payload NumberField properties to override (except type)\n * @param config - Range slider configuration\n *\n * @returns A Payload Field configuration\n */\nexport type Range = (\n  /**\n   * Field overrides\n   */\n  overrides: Omit<FieldTypes, 'type'>,\n  config: Config,\n) => Field\n\n/**\n * Creates a Range field with a slider-based number input.\n *\n * This field provides a visual range slider for number input with:\n * - Customizable min/max values\n * - Step control\n * - Optional tick marks/markers\n * - Value preview display\n *\n * Built on top of HTML5 range input with enhanced UI.\n *\n * @param overrides - Any Payload NumberField properties to override (name, label, required, etc.)\n * @param config - Range slider configuration\n * @param config.min - Minimum value (defaults to 1)\n * @param config.max - Maximum value (defaults to 100)\n * @param config.step - Step increment ('any' or number, defaults to 1)\n * @param config.markers - Array of marker positions for tick marks\n * @param config.showPreview - Show the current value next to the slider (defaults to false)\n *\n * @returns A Payload Field configuration\n *\n * @example\n * ```ts\n * RangeField(\n *   {\n *     name: 'rating',\n *     label: { en: 'Rating', de: 'Bewertung' }\n *   },\n *   {\n *     min: 0,\n *     max: 10,\n *     step: 1,\n *     showPreview: true,\n *     markers: [0, 5, 10]\n *   }\n * )\n * ```\n */\nexport const RangeField: Range = (overrides, config = {}) => {\n  const rangeField = deepMerge<FieldTypes, Omit<FieldTypes, 'type'>>(\n    {\n      name: 'range',\n      type: 'number',\n      admin: {\n        components: {\n          Field: {\n            clientProps: {\n              config,\n            },\n            path: '@loadspark/core/fields/Range/client#RangeComponent',\n          },\n        },\n      },\n      ...(config?.min\n        ? {\n            min: config.min,\n          }\n        : {}),\n      ...(config?.max\n        ? {\n            max: config.max,\n          }\n        : {}),\n    },\n    overrides,\n  )\n\n  return rangeField\n}\n"],"names":["deepMerge","RangeField","overrides","config","rangeField","name","type","admin","components","Field","clientProps","path","min","max"],"mappings":"AAEA,SAASA,SAAS,QAAQ,UAAS;AAgDnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCC,GACD,OAAO,MAAMC,aAAoB,CAACC,WAAWC,SAAS,CAAC,CAAC;IACtD,MAAMC,aAAaJ,UACjB;QACEK,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAO;oBACLC,aAAa;wBACXP;oBACF;oBACAQ,MAAM;gBACR;YACF;QACF;QACA,GAAIR,QAAQS,MACR;YACEA,KAAKT,OAAOS,GAAG;QACjB,IACA,CAAC,CAAC;QACN,GAAIT,QAAQU,MACR;YACEA,KAAKV,OAAOU,GAAG;QACjB,IACA,CAAC,CAAC;IACR,GACAX;IAGF,OAAOE;AACT,EAAC"}