@verbb/formie-browser 1.0.0

package/dist/js/utils/scripts.d.ts

@@ -0,0 +1,13 @@
+type LoadExternalScriptOptions = {
+    id: string;
+    src: string;
+    async?: boolean;
+    defer?: boolean;
+};
+export declare function ensureGlobal<T = unknown>(globalName: string, timeoutMs?: number): Promise<T>;
+export declare function loadExternalScript({ id, src, async, defer, }: LoadExternalScriptOptions): Promise<HTMLScriptElement>;
+export declare function loadScriptAndEnsureGlobal<T = unknown>(globalName: string, options: LoadExternalScriptOptions & {
+    timeoutMs?: number;
+}): Promise<T>;
+export {};
+//# sourceMappingURL=scripts.d.ts.map

package/dist/js/utils/scripts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts.d.ts","sourceRoot":"","sources":["../../../src/js/utils/scripts.ts"],"names":[],"mappings":"AAIA,KAAK,yBAAyB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,wBAAsB,YAAY,CAAC,CAAC,GAAG,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,SAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAehG;AAED,wBAAsB,kBAAkB,CAAC,EACrC,EAAE,EACF,GAAG,EACH,KAAY,EACZ,KAAY,GACf,EAAE,yBAAyB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CA6BxD;AAED,wBAAsB,yBAAyB,CAAC,CAAC,GAAG,OAAO,EACvD,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,yBAAyB,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,GACF,OAAO,CAAC,CAAC,CAAC,CAYZ"}

package/dist/js/utils/unload-warning.d.ts

@@ -0,0 +1,10 @@
+export type FormUnloadWarningGuard = {
+    captureBaseline: () => void;
+    scheduleBaselineCapture: () => void;
+    refreshDirtyState: () => boolean;
+    destroy: () => void;
+};
+export declare function createFormUnloadWarningGuard(form: HTMLFormElement, options?: {
+    shouldWarn?: () => boolean;
+}): FormUnloadWarningGuard;
+//# sourceMappingURL=unload-warning.d.ts.map

package/dist/js/utils/unload-warning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unload-warning.d.ts","sourceRoot":"","sources":["../../../src/js/utils/unload-warning.ts"],"names":[],"mappings":"AAmFA,MAAM,MAAM,sBAAsB,GAAG;IACjC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,iBAAiB,EAAE,MAAM,OAAO,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,4BAA4B,CACxC,IAAI,EAAE,eAAe,EACrB,OAAO,GAAE;IACL,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;CACzB,GACP,sBAAsB,CA8FxB"}

package/dist/js/validation/rules/email.d.ts

@@ -0,0 +1,4 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const email: ValidationRuleDefinition;
+export default email;
+//# sourceMappingURL=email.d.ts.map

package/dist/js/validation/rules/email.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/email.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE,QAAA,MAAM,KAAK,EAAE,wBAaZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/js/validation/rules/match.d.ts

@@ -0,0 +1,4 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const match: ValidationRuleDefinition;
+export default match;
+//# sourceMappingURL=match.d.ts.map

package/dist/js/validation/rules/match.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"match.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/match.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAGlE,QAAA,MAAM,KAAK,EAAE,wBAoBZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/js/validation/rules/number.d.ts

@@ -0,0 +1,4 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const number: ValidationRuleDefinition;
+export default number;
+//# sourceMappingURL=number.d.ts.map

package/dist/js/validation/rules/number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/number.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE,QAAA,MAAM,MAAM,EAAE,wBAkDb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/js/validation/rules/required.d.ts

@@ -0,0 +1,4 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const required: ValidationRuleDefinition;
+export default required;
+//# sourceMappingURL=required.d.ts.map

package/dist/js/validation/rules/required.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"required.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/required.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE,QAAA,MAAM,QAAQ,EAAE,wBAyBf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/js/validation/rules/shared.d.ts

@@ -0,0 +1,7 @@
+import type { ValidationContext, ValidationInput } from '#validation/types';
+export declare function stripTags(value: string): string;
+export declare function countGraphemes(value: string): number;
+export declare function getWordCount(value: string): number;
+export declare function getLabelText(field: HTMLElement | null): string;
+export declare function getComparableInput(ctx: ValidationContext): ValidationInput | null;
+//# sourceMappingURL=shared.d.ts.map

package/dist/js/validation/rules/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE5E,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAG/C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,GAAG,MAAM,CAE9D;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAsBjF"}

package/dist/js/validation/rules/url.d.ts

@@ -0,0 +1,4 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const url: ValidationRuleDefinition;
+export default url;
+//# sourceMappingURL=url.d.ts.map

package/dist/js/validation/rules/url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/url.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAElE,QAAA,MAAM,GAAG,EAAE,wBAkBV,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/js/validation/rules.d.ts

@@ -0,0 +1,10 @@
+import type { ValidationRuleDefinition } from '#validation/types';
+declare const _default: {
+    required: ValidationRuleDefinition;
+    email: ValidationRuleDefinition;
+    url: ValidationRuleDefinition;
+    number: ValidationRuleDefinition;
+    match: ValidationRuleDefinition;
+};
+export default _default;
+//# sourceMappingURL=rules.d.ts.map

package/dist/js/validation/rules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rules.d.ts","sourceRoot":"","sources":["../../../src/js/validation/rules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;;;;;;;;AAOlE,wBAQqD"}

package/dist/js/validation/types.d.ts

@@ -0,0 +1,44 @@
+export type ValidationInput = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export type ValidationRule = {
+    type: string;
+    fieldId?: string | null;
+    fieldHandle?: string | null;
+    min?: number | null;
+    max?: number | null;
+    [key: string]: unknown;
+};
+export type ValidationRuleValue = ValidationRule | boolean;
+export type ValidationRules = Record<string, ValidationRuleValue>;
+export type ValidationConfig = {
+    live: boolean;
+    errorMessage?: string;
+    fieldContainerErrorClass: string[];
+    inputErrorClass: string[];
+    messagesClass: string[];
+    messageClass: string[];
+    fieldsSelector: string;
+    patterns: Record<string, RegExp>;
+};
+export type ValidationContext = {
+    t: (message: string, replacements?: Record<string, string | number>) => string;
+    input: ValidationInput;
+    label: string;
+    field: HTMLElement | null;
+    form: HTMLFormElement;
+    config: ValidationConfig;
+    rules: ValidationRules;
+    getRule: (rule: string) => ValidationRuleValue | false;
+};
+export type ValidationRuleDefinition = {
+    rule: (ctx: ValidationContext) => boolean;
+    message?: (ctx: ValidationContext) => string;
+};
+export type ValidationError = {
+    input: ValidationInput;
+    field: HTMLElement | null;
+    validator: string;
+    message: string;
+    handle: string | null;
+    result: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/js/validation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/js/validation/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAEzF,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,GAAG,OAAO,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,MAAM,CAAC;IAC/E,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,mBAAmB,GAAG,KAAK,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACnC,IAAI,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,OAAO,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,MAAM,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/dist/js/validation/validator.d.ts

@@ -0,0 +1,53 @@
+import type { ValidationConfig, ValidationContext, ValidationError, ValidationInput, ValidationRules } from '#validation/types';
+type ValidatorDefinition = {
+    validate: (ctx: ValidationContext) => boolean;
+    errorMessage?: (ctx: ValidationContext) => string;
+};
+type ValidateOptions = {
+    includeHiddenPages?: boolean;
+};
+export declare class FormieValidator {
+    form: HTMLFormElement;
+    errors: ValidationError[];
+    validators: Record<string, ValidatorDefinition>;
+    boundListeners: boolean;
+    activated: WeakSet<ValidationInput>;
+    submitted: boolean;
+    initialValues: WeakMap<ValidationInput, string | boolean>;
+    onBlur: EventListener;
+    onChange: EventListener;
+    onInput: EventListener;
+    config: ValidationConfig;
+    constructor(form: HTMLFormElement, config?: Partial<ValidationConfig>);
+    init(): void;
+    inputs(inputOrSelector?: Element | null): ValidationInput[];
+    getInputValue(input: ValidationInput): string | boolean;
+    isDirty(input: ValidationInput): boolean;
+    shouldShowError(input: ValidationInput): boolean;
+    validate(inputOrSelector?: Element | null, options?: ValidateOptions): ValidationError[];
+    removeAllErrors(): void;
+    removeError(input: ValidationInput): void;
+    showError(input: ValidationInput, validatorName: string, errorMessage: string): void;
+    getValidatorCallbackOptions(input: ValidationInput): ValidationContext;
+    getErrorMessage(input: ValidationInput, validatorName: string, validator: ValidatorDefinition, opts: ValidationContext): string;
+    getErrors(): ValidationError[];
+    getFieldErrors(errors?: ValidationError[]): Record<string, string[]>;
+    getRule(field: HTMLElement | null, rule: string): ValidationRules[string] | false;
+    parseValidationRules(ruleString: string | null | undefined): ValidationRules;
+    destroy(): void;
+    isVisible(element: ValidationInput, options?: ValidateOptions): boolean;
+    blurHandler(event: Event): void;
+    changeHandler(event: Event): void;
+    inputHandler(event: Event): void;
+    submit(inputOrSelector?: Element | null, { final }?: {
+        final?: boolean;
+    }): ValidationError[];
+    resetLiveState(): void;
+    addEventListeners(): void;
+    removeEventListeners(): void;
+    emitEvent(target: Document | Element, type: string, detail?: Record<string, unknown>): void;
+    addValidator(name: string, validatorFunction: (ctx: ValidationContext) => boolean, errorMessage?: (ctx: ValidationContext) => string): void;
+    removeValidator(name: string): void;
+}
+export {};
+//# sourceMappingURL=validator.d.ts.map

package/dist/js/validation/validator.d.ts.map

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

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@verbb/formie-browser",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "vite-dev.mjs",
+    "CHANGELOG.md",
+    "LICENSE.md"
+  ],
+  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/verbb/formie.git"
+  },
+  "bugs": {
+    "url": "https://github.com/verbb/formie/issues"
+  },
+  "homepage": "https://docs.verbb.io/formie/packages/browser",
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "imports": {
+    "#theme/*": "./src/css/theme/*",
+    "#theme-base/*": "./src/css/theme-base/*",
+    "#icons/*": "./src/icons/*",
+    "#contracts/*": "./src/js/contracts/*",
+    "#compatibility/*": "./src/js/compatibility/*",
+    "#core/*": "./src/js/core/*",
+    "#events/*": "./src/js/events/*",
+    "#modules/*": "./src/js/modules/*",
+    "#theme/*": "./src/js/theme/*",
+    "#submit/*": "./src/js/submit/*",
+    "#transport/*": "./src/js/transport/*",
+    "#utils/*": "./src/js/utils/*",
+    "#validation/*": "./src/js/validation/*"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./css/formie.css": "./dist/css/formie.css",
+    "./css/formie-base.css": "./dist/css/formie-base.css",
+    "./css/formie-theme.css": "./dist/css/formie-theme.css",
+    "./package.json": "./package.json",
+    "./vite-dev": "./vite-dev.mjs"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build && tsc -p tsconfig.json"
+  },
+  "devDependencies": {
+    "typescript": "^6.0.3",
+    "vite": "^8.0.10"
+  },
+  "dependencies": {
+    "@verbb/formie-core": "1.0.0",
+    "@friendlycaptcha/sdk": "^1.0.0",
+    "@placekit/autocomplete-js": "^2.2.1",
+    "expression-language": "^2.5.4",
+    "flatpickr": "^4.6.13",
+    "friendly-challenge": "^0.9.19",
+    "intl-tel-input": "^27.3.0",
+    "pell": "^1.0.6",
+    "signature_pad": "^5.1.3"
+  }
+}

package/src/css/formie-base.css

@@ -0,0 +1,78 @@
+@layer formie-base, formie-theme-base, formie-theme;
+
+@layer formie-base {
+
+    .formie-form,
+    .formie-form fieldset,
+    .formie-form legend,
+    .formie-form h1,
+    .formie-form h2,
+    .formie-form h3,
+    .formie-form h4,
+    .formie-form h5,
+    .formie-form h6,
+    .formie-form p,
+    .formie-form ul,
+    .formie-form ol,
+    .formie-form menu,
+    .formie-form dl,
+    .formie-form dd,
+    .formie-form blockquote,
+    .formie-form figure {
+        margin: 0;
+        padding: 0;
+    }
+
+    .formie-form,
+    .formie-form *,
+    .formie-form *::before,
+    .formie-form *::after {
+        box-sizing: border-box;
+    }
+
+    .formie-page-container,
+    .formie-field-layout,
+    .formie-form fieldset,
+    .formie-form legend {
+        border: 0;
+        min-inline-size: 0;
+    }
+
+    /* Fix for Firefox display issue in fieldset */
+    body:not(:-moz-handler-blocked) .formie-form fieldset {
+        display: table-cell;
+    }
+
+    .formie-form legend {
+        /* legend should be `display: contents` to work with grid */
+        display: contents;
+    }
+
+    .formie-form legend * {
+        /* legend should be `display: contents` to work with grid */
+        display: contents;
+    }
+
+    .formie-sr-only {
+        position: absolute !important;
+        width: 1px !important;
+        height: 1px !important;
+        padding: 0 !important;
+        margin: -1px !important;
+        overflow: hidden !important;
+        clip: rect(0, 0, 0, 0) !important;
+        white-space: nowrap !important;
+        border: 0 !important;
+        display: block !important;
+    }
+
+    [data-formie-conditionally-hidden],
+    [data-formie-page-hidden],
+    [data-formie-row-hidden],
+    .formie-conditionally-hidden,
+    .formie-page-hidden,
+    .formie-row-hidden,
+    [hidden] {
+        display: none !important;
+    }
+}

package/src/css/formie-theme.css

@@ -0,0 +1,19 @@
+@import "./theme-base/_primitives.css";
+@import "./theme-base/_controls.css";
+
+@import "./theme/_tokens.css";
+@import "./theme/_typography.css";
+@import "./theme/_messages.css";
+@import "./theme/_buttons.css";
+@import "./theme/_loading.css";
+@import "./theme/_progress.css";
+@import "./theme/forms/_form.css";
+@import "./theme/forms/_field.css";
+@import "./theme/fields/_group.css";
+@import "./theme/fields/_nested.css";
+@import "./theme/fields/_input.css";
+@import "./theme/fields/_select.css";
+@import "./theme/fields/_check-radio.css";
+@import "./theme/fields/_address.css";
+@import "./theme/integrations/_payment-modal.css";
+@import "./theme/utilities/_accessibility.css";

package/src/css/formie.css

@@ -0,0 +1,2 @@
+@import "./formie-base.css";
+@import "./formie-theme.css";

package/src/css/theme/_buttons.css

@@ -0,0 +1,249 @@
+@layer formie-theme {
+    .formie-page-buttons {
+        display: grid;
+        gap: var(--formie-gap-field);
+    }
+
+    .formie-button-container {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--formie-gap-field);
+        width: 100%;
+        align-items: center;
+        position: relative;
+    }
+
+    .formie-button {
+        --formie-loading-color: var(--formie-button-color);
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--formie-button-gap);
+        min-height: var(--formie-button-min-height);
+        flex-shrink: 0;
+        border: var(--formie-button-border);
+        border-radius: var(--formie-button-border-radius);
+        background-color: var(--formie-button-background);
+        color: var(--formie-button-color);
+        padding: var(--formie-button-padding-y) var(--formie-button-padding-x);
+        font-size: var(--formie-button-font-size);
+        line-height: var(--formie-button-line-height);
+        font-weight: var(--formie-button-font-weight);
+        position: relative;
+        white-space: nowrap;
+        text-decoration: none;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, color 150ms ease, opacity 150ms ease;
+    }
+
+    .formie-button:hover {
+        background-color: var(--formie-button-background-hover);
+        border: var(--formie-button-border-hover);
+    }
+
+    .formie-button:focus {
+        outline: 0;
+    }
+
+    .formie-button:focus-visible {
+        outline: 0;
+        box-shadow: var(--formie-button-shadow-focus);
+    }
+
+    .formie-button:disabled {
+        opacity: var(--formie-button-opacity-disabled);
+        pointer-events: none;
+        cursor: not-allowed;
+    }
+
+    .formie-button-primary {
+        --formie-button-color: var(--formie-button-primary-text-color);
+        background-color: var(--formie-button-primary-background);
+        border: var(--formie-button-primary-border);
+    }
+
+    .formie-button-primary:hover {
+        background-color: var(--formie-button-primary-background-hover);
+        border: var(--formie-button-primary-border-hover);
+    }
+
+    .formie-button-primary:focus-visible {
+        box-shadow: var(--formie-button-primary-shadow-focus);
+    }
+
+    .formie-button-secondary {
+        --formie-button-color: var(--formie-button-secondary-text-color);
+        background-color: var(--formie-button-secondary-background);
+        border: var(--formie-button-secondary-border);
+    }
+
+    .formie-button-secondary:hover {
+        background-color: var(--formie-button-secondary-background-hover);
+        border: var(--formie-button-secondary-border-hover);
+    }
+
+    .formie-button-secondary:focus-visible {
+        box-shadow: var(--formie-button-shadow-focus);
+    }
+
+    .formie-button-ghost {
+        --formie-button-color: var(--formie-button-ghost-text-color);
+        background-color: var(--formie-button-ghost-background);
+        border: var(--formie-button-ghost-border);
+    }
+
+    .formie-button-ghost:hover {
+        background-color: var(--formie-button-ghost-background-hover);
+        border: var(--formie-button-ghost-border-hover);
+    }
+
+    .formie-button-ghost:focus-visible {
+        box-shadow: var(--formie-button-ghost-shadow-focus);
+    }
+
+    .formie-button-icon {
+        --formie-button-color: var(--formie-button-icon-color);
+        width: var(--formie-button-icon-button-size);
+        min-width: var(--formie-button-icon-button-size);
+        height: var(--formie-button-icon-button-size);
+        min-height: var(--formie-button-icon-button-size);
+        padding: 0;
+        border: var(--formie-button-icon-border);
+        border-radius: var(--formie-button-icon-border-radius);
+        background-color: var(--formie-button-icon-background);
+        font-size: 0;
+        line-height: 0;
+        text-indent: -9999px;
+        overflow: hidden;
+        white-space: nowrap;
+    }
+
+    .formie-button-icon:hover {
+        background-color: var(--formie-button-icon-background-hover);
+        border: var(--formie-button-icon-border-hover);
+    }
+
+    .formie-button-icon::after {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        display: block;
+        content: '';
+        width: var(--formie-button-icon-size);
+        height: var(--formie-button-icon-size);
+        transform: translate(-50%, -50%);
+        background-color: currentColor;
+        -webkit-mask-image: var(--formie-button-icon-mask);
+        mask-image: var(--formie-button-icon-mask);
+        -webkit-mask-repeat: no-repeat;
+        mask-repeat: no-repeat;
+        -webkit-mask-position: center;
+        mask-position: center;
+        -webkit-mask-size: contain;
+        mask-size: contain;
+    }
+
+    .formie-button-icon[data-formie-icon="plus"] {
+        --formie-button-icon-mask: var(--formie-icon-mask-plus);
+    }
+
+    .formie-button-icon[data-formie-icon="arrow-left"] {
+        --formie-button-icon-mask: var(--formie-icon-mask-arrow-left);
+    }
+
+    .formie-button-icon[data-formie-icon="arrow-right"] {
+        --formie-button-icon-mask: var(--formie-icon-mask-arrow-right);
+    }
+
+    .formie-button-icon[data-formie-icon="close"] {
+        --formie-button-icon-mask: var(--formie-icon-mask-close);
+    }
+
+    .formie-button-text-icon {
+        width: var(--formie-button-icon-size);
+        height: var(--formie-button-icon-size);
+        flex-shrink: 0;
+        background-color: currentColor;
+        -webkit-mask-image: var(--formie-button-icon-mask);
+        mask-image: var(--formie-button-icon-mask);
+        -webkit-mask-repeat: no-repeat;
+        mask-repeat: no-repeat;
+        -webkit-mask-position: center;
+        mask-position: center;
+        -webkit-mask-size: contain;
+        mask-size: contain;
+    }
+
+    .formie-button-text-icon[data-formie-icon="plus"] {
+        --formie-button-icon-mask: var(--formie-icon-mask-plus);
+    }
+
+    .formie-button-text-icon[data-formie-icon="arrow-left"] {
+        --formie-button-icon-mask: var(--formie-icon-mask-arrow-left);
+    }
+
+    .formie-button-text-icon[data-formie-icon="arrow-right"] {
+        --formie-button-icon-mask: var(--formie-icon-mask-arrow-right);
+    }
+
+    .formie-button-text-icon[data-formie-icon="close"] {
+        --formie-button-icon-mask: var(--formie-icon-mask-close);
+    }
+
+    .formie-button-back {
+        order: 0;
+    }
+
+    .formie-button-submit {
+        order: 10;
+    }
+
+    .formie-button-save {
+        order: 20;
+    }
+
+    .formie-page-buttons[data-formie-buttons-position="left"] .formie-button-container {
+        justify-content: flex-start;
+    }
+
+    .formie-page-buttons[data-formie-buttons-position="right"] .formie-button-container {
+        justify-content: flex-end;
+    }
+
+    .formie-page-buttons[data-formie-buttons-position="center"] .formie-button-container {
+        justify-content: center;
+    }
+
+    .formie-page-buttons[data-formie-buttons-position="left-right"] .formie-button-back {
+        margin-inline-end: auto;
+    }
+
+    .formie-page-buttons[data-formie-buttons-position="save-right"] .formie-button-save {
+        margin-inline-start: auto;
+    }
+
+    .formie-page-buttons[data-formie-buttons-position="save-left"] .formie-button-save {
+        order: -10;
+        margin-inline-end: auto;
+    }
+
+    .formie-page-buttons[data-formie-buttons-position="right-save-left"] .formie-button-save,
+    .formie-page-buttons[data-formie-buttons-position="center-save-left"] .formie-button-save {
+        order: -10;
+    }
+
+    .formie-page-buttons[data-formie-buttons-position="right-save-left"] .formie-button-container {
+        justify-content: flex-end;
+    }
+
+    .formie-page-buttons[data-formie-buttons-position="center-save-left"] .formie-button-container,
+    .formie-page-buttons[data-formie-buttons-position="center-save-right"] .formie-button-container {
+        justify-content: center;
+    }
+
+    .formie-button[data-formie-loading="true"] {
+        pointer-events: none;
+    }
+
+}