@loadspark/core 0.0.1

package/dist/fields/Range/range.scss

@@ -0,0 +1,138 @@
+$background: var(--theme-elevation-150);
+$thumb: var(--theme-elevation-700);
+
+%range-track {
+  background: $background;
+  height: 0.5rem;
+  width: 100%;
+}
+
+%range-thumb {
+  background: $thumb;
+  width: 1rem;
+  height: 2rem;
+  border-radius: 0;
+  border: none;
+}
+
+.bfRangeFieldWrapper {
+  margin-bottom: 2rem;
+  position: relative;
+
+  .container {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    flex-grow: 2;
+    min-width: 16rem;
+  }
+
+  .markersList {
+    display: flex;
+    height: 1rem;
+    width: calc(100% - 1rem);
+    margin: 0 auto;
+    justify-content: space-between;
+    position: relative;
+
+    & > option {
+      padding: 0;
+      width: auto;
+      min-height: unset;
+      position: absolute;
+      top: 0;
+      text-align: center;
+      padding-top: 0.5rem;
+      color: var(--theme-elevation-600);
+
+      &::before {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 0;
+        height: 100%;
+        width: 2px;
+        height: 0.75rem;
+        background: var(--theme-elevation-150);
+      }
+    }
+  }
+
+  .rangeInput {
+    &::-webkit-slider-runnable-track {
+      @extend %range-track;
+      appearance: none;
+
+      margin-top: -0.25rem;
+      background: $background;
+      height: 0.5rem;
+      width: 100%;
+    }
+
+    &::-webkit-slider-thumb {
+      @extend %range-thumb;
+      appearance: none;
+      margin-top: -0.75rem;
+      background: $thumb;
+      width: 1rem;
+      height: 2rem;
+
+      &:hover {
+        background: var(--theme-elevation-900);
+        cursor: pointer;
+      }
+    }
+  }
+
+  .rangeInput {
+    &::-moz-range-track {
+      @extend %range-track;
+    }
+
+    &::-moz-range-thumb {
+      @extend %range-thumb;
+      &:hover,
+      &:active {
+        background: var(--theme-elevation-900);
+        cursor: pointer;
+      }
+    }
+
+    /* Leaving this here for examples */
+    /* &::-moz-range-progress {
+    background: var(--theme-elevation-300);
+  } */
+  }
+
+  .rangeInput {
+    width: 100%;
+    -webkit-appearance: none;
+    appearance: none;
+    margin: 0;
+    background: transparent;
+  }
+
+  .resetButton {
+    padding: 0.5rem 0.5rem;
+    margin: 0.5rem 0;
+    line-height: 1;
+  }
+
+  .containerWrapper {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    width: 100%;
+    gap: 1rem;
+  }
+
+  .valuePreview {
+    padding: 0.5rem;
+    border: 1px solid var(--theme-elevation-150);
+    aspect-ratio: 1/1;
+    height: auto;
+    width: 3rem;
+    text-align: center;
+  }
+}

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

@@ -0,0 +1,5 @@
+export type NumberMarkerItem = {
+    label?: string;
+    value: number;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Range/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA"}

package/dist/fields/Range/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Range/types.ts"],"sourcesContent":["export type NumberMarkerItem = {\n  label?: string\n  value: number\n}\n"],"names":[],"mappings":"AAAA,WAGC"}

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

@@ -0,0 +1,13 @@
+import 'react-phone-number-input/style.css';
+import type { TextFieldClientProps } from 'payload';
+import type { Config } from './index.js';
+type Props = {
+    className?: string;
+    config: Config;
+    path: string;
+    placeholder?: string;
+    readOnly?: boolean;
+} & TextFieldClientProps;
+export declare const TelephoneComponent: React.FC<Props>;
+export {};
+//# sourceMappingURL=Component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../src/fields/Telephone/Component.tsx"],"names":[],"mappings":"AAEA,OAAO,oCAAoC,CAAA;AAE3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAYnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExC,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,oBAAoB,CAAA;AAExB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+F9C,CAAA"}

package/dist/fields/Telephone/Component.js

@@ -0,0 +1,92 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import 'react-phone-number-input/style.css';
+import { FieldDescription, FieldError, FieldLabel, RenderCustomComponent, useField } from '@payloadcms/ui';
+import { useCallback } from 'react';
+import PhoneInput from 'react-phone-number-input';
+export const TelephoneComponent = (props)=>{
+    const { config, field, path, readOnly, validate } = props;
+    const { admin: { className, description, placeholder, readOnly: adminReadOnly, style, width } = {}, 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 } = {}, setValue, showError, value } = useField({
+        path,
+        // @ts-expect-error - memoizedValidate is not typed
+        validate: memoizedValidate
+    });
+    const classes = [
+        'field-type',
+        'text',
+        className,
+        showError && 'error',
+        readOnly && 'read-only',
+        'container'
+    ].filter(Boolean).join(' ');
+    const isReadonly = Boolean(readOnly) || Boolean(adminReadOnly);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: `bfTelephoneFieldWrapper field-type`,
+        style: {
+            width
+        },
+        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(FieldError, {
+                        path: path
+                    }),
+                    /*#__PURE__*/ _jsx(PhoneInput, {
+                        className: "telephoneInput",
+                        id: `field-${path.replace(/\./g, '__')}`,
+                        name: path,
+                        onChange: (value)=>{
+                            if (!value) {
+                                setValue(undefined);
+                            }
+                            setValue(value);
+                        },
+                        placeholder: typeof placeholder === 'string' ? placeholder : '',
+                        readOnly: isReadonly,
+                        required: required,
+                        style: {
+                            width: '100%',
+                            ...style
+                        },
+                        value: value,
+                        ...config
+                    })
+                ]
+            }),
+            /*#__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/Telephone/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Telephone/Component.tsx"],"sourcesContent":["'use client'\n\nimport 'react-phone-number-input/style.css'\n\nimport type { TextFieldClientProps } from 'payload'\n\nimport {\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  RenderCustomComponent,\n  useField,\n} from '@payloadcms/ui'\nimport { useCallback } from 'react'\nimport PhoneInput from 'react-phone-number-input'\n\nimport type { Config } from './index.js'\n\ntype Props = {\n  className?: string\n  config: Config\n  path: string\n  placeholder?: string\n  readOnly?: boolean\n} & TextFieldClientProps\n\nexport const TelephoneComponent: React.FC<Props> = (props) => {\n  const { config, field, path, readOnly, validate } = props\n\n  const {\n    admin: { className, description, placeholder, readOnly: adminReadOnly, style, width } = {},\n    label,\n    required,\n  } = field\n\n  const memoizedValidate = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (value: null | string | 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    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    path,\n    // @ts-expect-error - memoizedValidate is not typed\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 isReadonly = Boolean(readOnly) || Boolean(adminReadOnly)\n\n  return (\n    <div\n      className={`bfTelephoneFieldWrapper field-type`}\n      style={{\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={<FieldLabel label={label} path={path} required={required} />}\n      />\n\n      {BeforeInput}\n\n      <div className={classes}>\n        <FieldError path={path} />\n        <PhoneInput\n          className=\"telephoneInput\"\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={(value) => {\n            if (!value) {\n              setValue(undefined)\n            }\n            setValue(value)\n          }}\n          placeholder={typeof placeholder === 'string' ? placeholder : ''}\n          readOnly={isReadonly}\n          required={required}\n          style={{\n            width: '100%',\n            ...style,\n          }}\n          value={value}\n          {...config}\n        />\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":["FieldDescription","FieldError","FieldLabel","RenderCustomComponent","useField","useCallback","PhoneInput","TelephoneComponent","props","config","field","path","readOnly","validate","admin","className","description","placeholder","adminReadOnly","style","width","label","required","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Label","setValue","showError","classes","filter","Boolean","join","isReadonly","div","CustomComponent","Fallback","id","replace","name","onChange","undefined"],"mappings":"AAAA;;AAEA,OAAO,qCAAoC;AAI3C,SACEA,gBAAgB,EAChBC,UAAU,EACVC,UAAU,EACVC,qBAAqB,EACrBC,QAAQ,QACH,iBAAgB;AACvB,SAASC,WAAW,QAAQ,QAAO;AACnC,OAAOC,gBAAgB,2BAA0B;AAYjD,OAAO,MAAMC,qBAAsC,CAACC;IAClD,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGL;IAEpD,MAAM,EACJM,OAAO,EAAEC,SAAS,EAAEC,WAAW,EAAEC,WAAW,EAAEL,UAAUM,aAAa,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAC1FC,KAAK,EACLC,QAAQ,EACT,GAAGZ;IAEJ,MAAMa,mBAAmBlB,YACvB,8DAA8D;IAC9D,CAACmB,OAAkCC;QACjC,IAAI,OAAOZ,aAAa,YAAY;YAClC,OAAOA,SAASW,OAAO;gBAAE,GAAGC,OAAO;gBAAEH;YAAS;QAChD;IACF,GACA;QAACT;QAAUS;KAAS;IAGtB,MAAM,EACJI,kBAAkB,EAAEC,UAAU,EAAEC,WAAW,EAAEC,WAAW,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EACtEC,QAAQ,EACRC,SAAS,EACTR,KAAK,EACN,GAAGpB,SAAiB;QACnBO;QACA,mDAAmD;QACnDE,UAAUU;IACZ;IAEA,MAAMU,UAAU;QACd;QACA;QACAlB;QACAiB,aAAa;QACbpB,YAAY;QACZ;KACD,CACEsB,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,aAAaF,QAAQvB,aAAauB,QAAQjB;IAEhD,qBACE,MAACoB;QACCvB,WAAW,CAAC,kCAAkC,CAAC;QAC/CI,OAAO;YACLC;QACF;;0BAEA,KAACjB;gBACCoC,iBAAiBT;gBACjBU,wBAAU,KAACtC;oBAAWmB,OAAOA;oBAAOV,MAAMA;oBAAMW,UAAUA;;;YAG3DM;0BAED,MAACU;gBAAIvB,WAAWkB;;kCACd,KAAChC;wBAAWU,MAAMA;;kCAClB,KAACL;wBACCS,WAAU;wBACV0B,IAAI,CAAC,MAAM,EAAE9B,KAAK+B,OAAO,CAAC,OAAO,OAAO;wBACxCC,MAAMhC;wBACNiC,UAAU,CAACpB;4BACT,IAAI,CAACA,OAAO;gCACVO,SAASc;4BACX;4BACAd,SAASP;wBACX;wBACAP,aAAa,OAAOA,gBAAgB,WAAWA,cAAc;wBAC7DL,UAAUyB;wBACVf,UAAUA;wBACVH,OAAO;4BACLC,OAAO;4BACP,GAAGD,KAAK;wBACV;wBACAK,OAAOA;wBACN,GAAGf,MAAM;;;;0BAId,KAACN;gBACCoC,iBAAiBV;gBACjBW,wBACE,KAACxC;oBACCe,WAAW,CAAC,kBAAkB,EAAEJ,KAAK+B,OAAO,CAAC,OAAO,OAAO;oBAC3D1B,aAAaA,eAAe;oBAC5BL,MAAMA;;;YAKXgB;;;AAGP,EAAC"}

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

@@ -0,0 +1,99 @@
+import type { Field, TextField as TextFieldType } from 'payload';
+import type { Country } from 'react-phone-number-input';
+type FieldTypes = TextFieldType;
+/**
+ * Additional config unique to the Telephone input
+ * See https://catamphetamine.gitlab.io/react-phone-number-input/ for more information
+ */
+export interface Config {
+    /**
+     * You can provide an ISO 2-letter country code eg. 'US'
+     * If country is specified then the phone number can only be input in "national" (not "international") format
+     */
+    country?: string;
+    countryCallingCodeEditable?: boolean;
+    countrySelectProps?: {
+        /**
+         * 	Set to `true` to render Unicode flag icons instead of SVG images
+         */
+        unicodeFlags?: boolean;
+    };
+    /**
+     * You can provide an ISO 2-letter country code eg. 'US'
+     * If defaultCountry is specified then the phone number can be input both in "international" format and "national" format
+     */
+    defaultCountry?: Country;
+    /**
+     * If an initial value is passed, and initialValueFormat is "national", then the initial value is formatted in national format
+     */
+    initialValueFormat?: 'national';
+    /**
+     * Forces international formatting
+     * @default true
+     */
+    international?: boolean;
+    /**
+     * When the user attempts to insert a digit somewhere in the middle of a phone number, the caret position is moved right before the next available digit skipping any punctuation in between
+     */
+    smartCaret?: boolean;
+    /**
+     * When defaultCountry is defined and the initial value corresponds to defaultCountry, then the value will be formatted as a national phone number by default
+     */
+    useNationalFormatForDefaultCountryValue?: boolean;
+    /**
+     * If country is specified and international property is true then the phone number can only be input in "international" format for that country
+     */
+    withCountryCallingCode?: boolean;
+}
+/**
+ * Factory function type for creating a Telephone field.
+ *
+ * @param overrides - Any Payload TextField properties to override (except type)
+ * @param config - Optional telephone-specific configuration
+ *
+ * @returns A Payload Field configuration
+ */
+export type Telephone = (
+/**
+ * Field overrides
+ */
+overrides: Omit<FieldTypes, 'type'>, config?: Config) => Field;
+/**
+ * Creates a Telephone field with phone number formatting and validation.
+ *
+ * This field provides a phone number input with:
+ * - International phone number formatting
+ * - Country code selection
+ * - Automatic validation using libphonenumber-js
+ * - Support for national and international formats
+ *
+ * Built on top of react-phone-number-input. See https://catamphetamine.gitlab.io/react-phone-number-input/
+ * for detailed configuration options.
+ *
+ * @param overrides - Any Payload TextField properties to override (name, label, required, etc.)
+ * @param config - Optional telephone-specific configuration
+ * @param config.defaultCountry - ISO 2-letter country code for default country
+ * @param config.international - Force international formatting (defaults to true)
+ * @param config.country - Lock to specific country (national format only)
+ * @param config.smartCaret - Smart caret positioning when editing
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * TelephoneField(
+ *   {
+ *     name: 'phone',
+ *     label: { en: 'Phone Number', de: 'Telefonnummer' },
+ *     required: true
+ *   },
+ *   {
+ *     defaultCountry: 'US',
+ *     international: true
+ *   }
+ * )
+ * ```
+ */
+export declare const TelephoneField: Telephone;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Telephone/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAMvD,KAAK,UAAU,GAAG,aAAa,CAAA;AAE/B;;;GAGG;AACH,MAAM,WAAW,MAAM;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,kBAAkB,CAAC,EAAE;QACnB;;WAEG;QACH,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;IACD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,UAAU,CAAA;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,uCAAuC,CAAC,EAAE,OAAO,CAAA;IACjD;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,SAAS,GAAG;AACtB;;GAEG;AACH,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,EACnC,MAAM,CAAC,EAAE,MAAM,KACZ,KAAK,CAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,cAAc,EAAE,SA0B5B,CAAA"}

package/dist/fields/Telephone/index.js

@@ -0,0 +1,59 @@
+import { deepMerge } from 'payload';
+import { validateTelephoneField } from './validate.js';
+/**
+ * Creates a Telephone field with phone number formatting and validation.
+ *
+ * This field provides a phone number input with:
+ * - International phone number formatting
+ * - Country code selection
+ * - Automatic validation using libphonenumber-js
+ * - Support for national and international formats
+ *
+ * Built on top of react-phone-number-input. See https://catamphetamine.gitlab.io/react-phone-number-input/
+ * for detailed configuration options.
+ *
+ * @param overrides - Any Payload TextField properties to override (name, label, required, etc.)
+ * @param config - Optional telephone-specific configuration
+ * @param config.defaultCountry - ISO 2-letter country code for default country
+ * @param config.international - Force international formatting (defaults to true)
+ * @param config.country - Lock to specific country (national format only)
+ * @param config.smartCaret - Smart caret positioning when editing
+ *
+ * @returns A Payload Field configuration
+ *
+ * @example
+ * ```ts
+ * TelephoneField(
+ *   {
+ *     name: 'phone',
+ *     label: { en: 'Phone Number', de: 'Telefonnummer' },
+ *     required: true
+ *   },
+ *   {
+ *     defaultCountry: 'US',
+ *     international: true
+ *   }
+ * )
+ * ```
+ */ export const TelephoneField = (overrides, config = {
+    international: true
+})=>{
+    const telephoneField = deepMerge({
+        name: 'telephone',
+        type: 'text',
+        admin: {
+            components: {
+                Field: {
+                    clientProps: {
+                        config
+                    },
+                    path: '@loadspark/core/fields/Telephone/client#TelephoneComponent'
+                }
+            }
+        },
+        validate: validateTelephoneField(overrides.required)
+    }, overrides);
+    return telephoneField;
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Telephone/index.ts"],"sourcesContent":["import type { Field, TextField as TextFieldType } from 'payload'\nimport type { Country } from 'react-phone-number-input'\n\nimport { deepMerge } from 'payload'\n\nimport { validateTelephoneField } from './validate.js'\n\ntype FieldTypes = TextFieldType\n\n/**\n * Additional config unique to the Telephone input\n * See https://catamphetamine.gitlab.io/react-phone-number-input/ for more information\n */\nexport interface Config {\n  /**\n   * You can provide an ISO 2-letter country code eg. 'US'\n   * If country is specified then the phone number can only be input in \"national\" (not \"international\") format\n   */\n  country?: string\n  countryCallingCodeEditable?: boolean\n  countrySelectProps?: {\n    /**\n     * \tSet to `true` to render Unicode flag icons instead of SVG images\n     */\n    unicodeFlags?: boolean\n  }\n  /**\n   * You can provide an ISO 2-letter country code eg. 'US'\n   * If defaultCountry is specified then the phone number can be input both in \"international\" format and \"national\" format\n   */\n  defaultCountry?: Country\n  /**\n   * If an initial value is passed, and initialValueFormat is \"national\", then the initial value is formatted in national format\n   */\n  initialValueFormat?: 'national'\n  /**\n   * Forces international formatting\n   * @default true\n   */\n  international?: boolean\n  /**\n   * When the user attempts to insert a digit somewhere in the middle of a phone number, the caret position is moved right before the next available digit skipping any punctuation in between\n   */\n  smartCaret?: boolean\n  /**\n   * When defaultCountry is defined and the initial value corresponds to defaultCountry, then the value will be formatted as a national phone number by default\n   */\n  useNationalFormatForDefaultCountryValue?: boolean\n  /**\n   * If country is specified and international property is true then the phone number can only be input in \"international\" format for that country\n   */\n  withCountryCallingCode?: boolean\n}\n\n/**\n * Factory function type for creating a Telephone field.\n *\n * @param overrides - Any Payload TextField properties to override (except type)\n * @param config - Optional telephone-specific configuration\n *\n * @returns A Payload Field configuration\n */\nexport type Telephone = (\n  /**\n   * Field overrides\n   */\n  overrides: Omit<FieldTypes, 'type'>,\n  config?: Config,\n) => Field\n\n/**\n * Creates a Telephone field with phone number formatting and validation.\n *\n * This field provides a phone number input with:\n * - International phone number formatting\n * - Country code selection\n * - Automatic validation using libphonenumber-js\n * - Support for national and international formats\n *\n * Built on top of react-phone-number-input. See https://catamphetamine.gitlab.io/react-phone-number-input/\n * for detailed configuration options.\n *\n * @param overrides - Any Payload TextField properties to override (name, label, required, etc.)\n * @param config - Optional telephone-specific configuration\n * @param config.defaultCountry - ISO 2-letter country code for default country\n * @param config.international - Force international formatting (defaults to true)\n * @param config.country - Lock to specific country (national format only)\n * @param config.smartCaret - Smart caret positioning when editing\n *\n * @returns A Payload Field configuration\n *\n * @example\n * ```ts\n * TelephoneField(\n *   {\n *     name: 'phone',\n *     label: { en: 'Phone Number', de: 'Telefonnummer' },\n *     required: true\n *   },\n *   {\n *     defaultCountry: 'US',\n *     international: true\n *   }\n * )\n * ```\n */\nexport const TelephoneField: Telephone = (\n  overrides,\n  config = {\n    international: true,\n  },\n) => {\n  const telephoneField = deepMerge<FieldTypes, Omit<Partial<FieldTypes>, 'type'>>(\n    {\n      name: 'telephone',\n      type: 'text',\n      admin: {\n        components: {\n          Field: {\n            clientProps: {\n              config,\n            },\n            path: '@loadspark/core/fields/Telephone/client#TelephoneComponent',\n          },\n        },\n      },\n      validate: validateTelephoneField(overrides.required),\n    },\n    overrides,\n  )\n\n  return telephoneField\n}\n"],"names":["deepMerge","validateTelephoneField","TelephoneField","overrides","config","international","telephoneField","name","type","admin","components","Field","clientProps","path","validate","required"],"mappings":"AAGA,SAASA,SAAS,QAAQ,UAAS;AAEnC,SAASC,sBAAsB,QAAQ,gBAAe;AAiEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCC,GACD,OAAO,MAAMC,iBAA4B,CACvCC,WACAC,SAAS;IACPC,eAAe;AACjB,CAAC;IAED,MAAMC,iBAAiBN,UACrB;QACEO,MAAM;QACNC,MAAM;QACNC,OAAO;YACLC,YAAY;gBACVC,OAAO;oBACLC,aAAa;wBACXR;oBACF;oBACAS,MAAM;gBACR;YACF;QACF;QACAC,UAAUb,uBAAuBE,UAAUY,QAAQ;IACrD,GACAZ;IAGF,OAAOG;AACT,EAAC"}

package/dist/fields/Telephone/validate.d.ts

@@ -0,0 +1,3 @@
+import type { Validate } from 'payload';
+export declare const validateTelephoneField: (required?: boolean) => Validate;
+//# sourceMappingURL=validate.d.ts.map

package/dist/fields/Telephone/validate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../../src/fields/Telephone/validate.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAMvC,eAAO,MAAM,sBAAsB,cACrB,OAAO,KAAG,QAarB,CAAA"}

package/dist/fields/Telephone/validate.js

@@ -0,0 +1,13 @@
+import { isPossiblePhoneNumber } from 'libphonenumber-js';
+export const validateTelephoneField = (required)=>(value, ctx)=>{
+        const t = ctx.req.t;
+        if (!value || value === '') {
+            return required ? t('validation:required') : true;
+        }
+        if (!isPossiblePhoneNumber(value)) {
+            return t('loadspark-core:validation:phone:invalid');
+        }
+        return true;
+    };
+
+//# sourceMappingURL=validate.js.map

package/dist/fields/Telephone/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Telephone/validate.ts"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { Validate } from 'payload'\n\nimport { isPossiblePhoneNumber } from 'libphonenumber-js'\n\nimport type { loadsparkCoreTranslationsKeys } from '../../translations/index.js'\n\nexport const validateTelephoneField =\n  (required?: boolean): Validate =>\n  (value, ctx) => {\n    const t = ctx.req.t as TFunction<loadsparkCoreTranslationsKeys>\n\n    if (!value || value === '') {\n      return required ? t('validation:required') : true\n    }\n\n    if (!isPossiblePhoneNumber(value)) {\n      return t('loadspark-core:validation:phone:invalid')\n    }\n\n    return true\n  }\n"],"names":["isPossiblePhoneNumber","validateTelephoneField","required","value","ctx","t","req"],"mappings":"AAGA,SAASA,qBAAqB,QAAQ,oBAAmB;AAIzD,OAAO,MAAMC,yBACX,CAACC,WACD,CAACC,OAAOC;QACN,MAAMC,IAAID,IAAIE,GAAG,CAACD,CAAC;QAEnB,IAAI,CAACF,SAASA,UAAU,IAAI;YAC1B,OAAOD,WAAWG,EAAE,yBAAyB;QAC/C;QAEA,IAAI,CAACL,sBAAsBG,QAAQ;YACjC,OAAOE,EAAE;QACX;QAEA,OAAO;IACT,EAAC"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { type Config } from 'payload';
+/**
+ * Plugin entry point.
+ *
+ * @param pluginOptions - Configuration options for the plugin
+ *
+ * @returns A PayloadCMS plugin function that modifies the config
+ */
+export declare const loadsparkCorePlugin: (config: Config) => Config;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAmB,MAAM,SAAS,CAAA;AAMtD;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,WAAY,MAAM,KAAG,MAgCpD,CAAA"}

package/dist/index.js

@@ -0,0 +1,35 @@
+import { deepMergeSimple } from 'payload';
+import { loadsparkCoreTranslations } from './translations/index.js';
+/**
+ * Plugin entry point.
+ *
+ * @param pluginOptions - Configuration options for the plugin
+ *
+ * @returns A PayloadCMS plugin function that modifies the config
+ */ export const loadsparkCorePlugin = (config)=>{
+    config.custom = config.custom || {};
+    const coreRegistry = {
+        enabled: true,
+        flags: [],
+        options: {}
+    };
+    config.custom.loadspark = {
+        ...config.custom.loadspark,
+        core: coreRegistry
+    };
+    if (!config.i18n) {
+        config.i18n = {};
+    }
+    const supportedLanguages = Object.keys(config.i18n.supportedLanguages ?? {}).filter((lang)=>lang in loadsparkCoreTranslations);
+    const filteredPluginTranslations = Object.fromEntries(supportedLanguages.map((lang)=>[
+            lang,
+            loadsparkCoreTranslations[lang]
+        ]));
+    config.i18n = {
+        ...config.i18n,
+        translations: deepMergeSimple(filteredPluginTranslations, config.i18n.translations ?? {})
+    };
+    return config;
+};
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { type Config, deepMergeSimple } from 'payload'\n\nimport type { loadsparkCoreRegistry } from './types.js'\n\nimport { loadsparkCoreTranslations } from './translations/index.js'\n\n/**\n * Plugin entry point.\n *\n * @param pluginOptions - Configuration options for the plugin\n *\n * @returns A PayloadCMS plugin function that modifies the config\n */\nexport const loadsparkCorePlugin = (config: Config): Config => {\n  config.custom = config.custom || {}\n  const coreRegistry: loadsparkCoreRegistry = {\n    enabled: true,\n    flags: [],\n    options: {},\n  }\n  config.custom.loadspark = {\n    ...config.custom.loadspark,\n    core: coreRegistry,\n  }\n\n  if (!config.i18n) {\n    config.i18n = {}\n  }\n\n  type PluginLanguageCode = keyof typeof loadsparkCoreTranslations\n\n  const supportedLanguages = Object.keys(config.i18n.supportedLanguages ?? {}).filter(\n    (lang): lang is PluginLanguageCode => lang in loadsparkCoreTranslations,\n  )\n\n  const filteredPluginTranslations = Object.fromEntries(\n    supportedLanguages.map((lang) => [lang, loadsparkCoreTranslations[lang]]),\n  )\n\n  config.i18n = {\n    ...config.i18n,\n    translations: deepMergeSimple(filteredPluginTranslations, config.i18n.translations ?? {}),\n  }\n\n  return config\n}\n"],"names":["deepMergeSimple","loadsparkCoreTranslations","loadsparkCorePlugin","config","custom","coreRegistry","enabled","flags","options","loadspark","core","i18n","supportedLanguages","Object","keys","filter","lang","filteredPluginTranslations","fromEntries","map","translations"],"mappings":"AAAA,SAAsBA,eAAe,QAAQ,UAAS;AAItD,SAASC,yBAAyB,QAAQ,0BAAyB;AAEnE;;;;;;CAMC,GACD,OAAO,MAAMC,sBAAsB,CAACC;IAClCA,OAAOC,MAAM,GAAGD,OAAOC,MAAM,IAAI,CAAC;IAClC,MAAMC,eAAsC;QAC1CC,SAAS;QACTC,OAAO,EAAE;QACTC,SAAS,CAAC;IACZ;IACAL,OAAOC,MAAM,CAACK,SAAS,GAAG;QACxB,GAAGN,OAAOC,MAAM,CAACK,SAAS;QAC1BC,MAAML;IACR;IAEA,IAAI,CAACF,OAAOQ,IAAI,EAAE;QAChBR,OAAOQ,IAAI,GAAG,CAAC;IACjB;IAIA,MAAMC,qBAAqBC,OAAOC,IAAI,CAACX,OAAOQ,IAAI,CAACC,kBAAkB,IAAI,CAAC,GAAGG,MAAM,CACjF,CAACC,OAAqCA,QAAQf;IAGhD,MAAMgB,6BAA6BJ,OAAOK,WAAW,CACnDN,mBAAmBO,GAAG,CAAC,CAACH,OAAS;YAACA;YAAMf,yBAAyB,CAACe,KAAK;SAAC;IAG1Eb,OAAOQ,IAAI,GAAG;QACZ,GAAGR,OAAOQ,IAAI;QACdS,cAAcpB,gBAAgBiB,4BAA4Bd,OAAOQ,IAAI,CAACS,YAAY,IAAI,CAAC;IACzF;IAEA,OAAOjB;AACT,EAAC"}

package/dist/translations/index.d.ts

@@ -0,0 +1,6 @@
+import type { AcceptedLanguages, GenericTranslationsObject, NestedKeysStripped } from '@payloadcms/translations';
+export declare const loadsparkCoreTranslations: Record<AcceptedLanguages, GenericTranslationsObject>;
+export type PluginLanguageCode = keyof typeof loadsparkCoreTranslations;
+export type loadsparkCoreTranslations = GenericTranslationsObject;
+export type loadsparkCoreTranslationsKeys = NestedKeysStripped<loadsparkCoreTranslations>;
+//# sourceMappingURL=index.d.ts.map

package/dist/translations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/translations/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,yBAAyB,EACzB,kBAAkB,EACnB,MAAM,0BAA0B,CAAA;AA+CjC,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,yBAAyB,CA6C1F,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,yBAAyB,CAAA;AAEvE,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAAA;AAEjE,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,CAAC,yBAAyB,CAAC,CAAA"}

package/dist/translations/index.js

@@ -0,0 +1,92 @@
+import { arabicTranslations } from './languages/ar.js';
+import { azerbaijaniTranslations } from './languages/az.js';
+import { bulgarianTranslations } from './languages/bg.js';
+import { banglaBangladeshTranslations } from './languages/bnBd.js';
+import { banglaIndiaTranslations } from './languages/bnIn.js';
+import { catalanTranslations } from './languages/ca.js';
+import { czechTranslations } from './languages/cs.js';
+import { danishTranslations } from './languages/da.js';
+import { germanTranslations } from './languages/de.js';
+import { englishTranslations } from './languages/en.js';
+import { spanishTranslations } from './languages/es.js';
+import { estonianTranslations } from './languages/et.js';
+import { persianTranslations } from './languages/fa.js';
+import { frenchTranslations } from './languages/fr.js';
+import { hebrewIsraeliTranslations } from './languages/he.js';
+import { croatianTranslations } from './languages/hr.js';
+import { hungarianTranslations } from './languages/hu.js';
+import { armenianTranslations } from './languages/hy.js';
+import { indonesianTranslations } from './languages/id.js';
+import { icelandicTranslations } from './languages/is.js';
+import { italianTranslations } from './languages/it.js';
+import { japaneseTranslations } from './languages/ja.js';
+import { koreanTranslations } from './languages/ko.js';
+import { lithuanianTranslations } from './languages/lt.js';
+import { latvianTranslations } from './languages/lv.js';
+import { burmeseMyanmarTranslations } from './languages/my.js';
+import { norwegianTranslations } from './languages/nb.js';
+import { dutchTranslations } from './languages/nl.js';
+import { polishTranslations } from './languages/pl.js';
+import { portugueseTranslations } from './languages/pt.js';
+import { romanianTranslations } from './languages/ro.js';
+import { serbianTranslations } from './languages/rs.js';
+import { serbianLatinTranslations } from './languages/rsLatin.js';
+import { russianTranslations } from './languages/ru.js';
+import { slovakTranslations } from './languages/sk.js';
+import { slovenianTranslations } from './languages/sl.js';
+import { swedishTranslations } from './languages/sv.js';
+import { tamilTranslations } from './languages/ta.js';
+import { thaiTranslations } from './languages/th.js';
+import { turkishTranslations } from './languages/tr.js';
+import { ukrainianTranslations } from './languages/uk.js';
+import { vietnameseTranslations } from './languages/vi.js';
+import { chineseTranslations } from './languages/zh.js';
+import { chineseTraditionalTranslations } from './languages/zhTw.js';
+export const loadsparkCoreTranslations = {
+    id: indonesianTranslations,
+    ar: arabicTranslations,
+    az: azerbaijaniTranslations,
+    bg: bulgarianTranslations,
+    'bn-BD': banglaBangladeshTranslations,
+    'bn-IN': banglaIndiaTranslations,
+    ca: catalanTranslations,
+    cs: czechTranslations,
+    da: danishTranslations,
+    de: germanTranslations,
+    en: englishTranslations,
+    es: spanishTranslations,
+    et: estonianTranslations,
+    fa: persianTranslations,
+    fr: frenchTranslations,
+    he: hebrewIsraeliTranslations,
+    hr: croatianTranslations,
+    hu: hungarianTranslations,
+    hy: armenianTranslations,
+    is: icelandicTranslations,
+    it: italianTranslations,
+    ja: japaneseTranslations,
+    ko: koreanTranslations,
+    lt: lithuanianTranslations,
+    lv: latvianTranslations,
+    my: burmeseMyanmarTranslations,
+    nb: norwegianTranslations,
+    nl: dutchTranslations,
+    pl: polishTranslations,
+    pt: portugueseTranslations,
+    ro: romanianTranslations,
+    rs: serbianTranslations,
+    'rs-latin': serbianLatinTranslations,
+    ru: russianTranslations,
+    sk: slovakTranslations,
+    sl: slovenianTranslations,
+    sv: swedishTranslations,
+    ta: tamilTranslations,
+    th: thaiTranslations,
+    tr: turkishTranslations,
+    uk: ukrainianTranslations,
+    vi: vietnameseTranslations,
+    zh: chineseTranslations,
+    'zh-TW': chineseTraditionalTranslations
+};
+
+//# sourceMappingURL=index.js.map