pragmate-ui/form/form.browser.mjs

An advanced, on-demand React UI library optimized for BeyondJS. Pragmate UI provides modular, responsive, and accessible components with a focus on efficient bundle sizes and a streamlined development process.

import * as dependency_0 from '@beyond-js/kernel/bundle';
import * as dependency_1 from 'react';
import * as dependency_2 from 'pragmate-ui/base';
import * as dependency_3 from 'pragmate-ui/icons';
import * as dependency_4 from '@beyond-js/kernel/styles';

const {Bundle: __Bundle} = dependency_0;
const __pkg = new __Bundle({"module":{"vspecifier":"pragmate-ui@1.0.1/form"},"type":"code","name":"form"}, import.meta.url).package();;

__pkg.dependencies.update([['react', dependency_1],['pragmate-ui/base', dependency_2],['pragmate-ui/icons', dependency_3],['@beyond-js/kernel/styles', dependency_4]]);

brequire('@beyond-js/kernel/styles').styles.register('pragmate-ui@1.0.1/form')


const ims = new Map();

/********************************
INTERNAL MODULE: ./checkbox/group
********************************/

ims.set('./checkbox/group', {hash: 4232336252, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CheckboxGroup = CheckboxGroup;
var _react = require("react");
var _index = require("./index");
/*bundle*/function CheckboxGroup(props) {
  const {
    options
  } = props;
  const output = options.map((option, index) => {
    const key = `${option.name}-${index}`;
    const {
      label,
      ...rest
    } = option;
    return _react.default.createElement(_index.Checkbox, {
      key: key,
      label: label,
      ...rest
    });
  });
  const directions = {
    column: 'column',
    row: 'row'
  };
  const direction = props.direction ?? `row`;
  const cls = `pui-checkbox-group pui-checkbox-group--${directions[direction]}`; // `pui-checkbox-group $;
  return _react.default.createElement("div", {
    className: cls
  }, props.label && _react.default.createElement("span", {
    className: 'pui-label'
  }, props.label), _react.default.createElement("div", {
    className: 'pui-group__items-container'
  }, output));
}
}});

/********************************
INTERNAL MODULE: ./checkbox/index
********************************/

ims.set('./checkbox/index', {hash: 599928777, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Checkbox = void 0;
var _react = require("react");
/*bundle*/const Checkbox = exports.Checkbox = (0, _react.forwardRef)(function (props, ref) {
  const {
    checked,
    disabled,
    className,
    onChange,
    label
  } = props;
  const handleChange = event => {
    event.stopPropagation();
    onChange && onChange(event);
  };
  let cls = `pui-checkbox ${className ? className : ''}`;
  cls += disabled ? ' disabled' : '';
  const properties = Object.assign({}, props);
  ['className', 'checked', 'name', 'onChange'].forEach(prop => {
    delete properties[prop];
  });
  const ramdon = Math.floor(Math.random() * (100 - 1 + 1)) + 1;
  const name = props.name ?? 'pui-checkbox--name';
  const id = props.id ?? `${name}-${performance.now()}.${ramdon}`;
  return _react.default.createElement("div", {
    className: cls,
    onClick: handleChange
  }, _react.default.createElement("input", {
    ref: ref,
    type: 'checkbox',
    className: 'pui-checkbox--input',
    id: id,
    name: name,
    checked: checked,
    onChange: handleChange,
    ...properties
  }), _react.default.createElement("label", {
    className: 'pui-checkbox--label',
    htmlFor: id
  }, _react.default.createElement("span", null, _react.default.createElement("svg", {
    viewBox: '0 0 12 9'
  }, _react.default.createElement("polyline", {
    points: '1 5 4 8 11 1'
  }))), _react.default.createElement("span", null, label)));
});
}});

/**********************
INTERNAL MODULE: ./form
**********************/

ims.set('./form', {hash: 99719699, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Form = Form;
var _react = require("react");
/*bundle*/function Form(props) {
  const {
    onSubmit,
    ...restProps
  } = props;
  const handleSubmit = event => {
    event.preventDefault();
    event.stopPropagation();
    props.onSubmit(event);
  };
  return _react.default.createElement("form", {
    onSubmit: handleSubmit,
    ...restProps
  }, props.children);
}
}});

/***************************************
INTERNAL MODULE: ./input/components/date
***************************************/

ims.set('./input/components/date', {hash: 4016619854, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Date = Date;
var _react = require("react");
var _icons = require("pragmate-ui/icons");
var _context = require("../context");
function Date() {
  const {
    input,
    props,
    icon,
    isDate
  } = (0, _context.useInputContext)();
  if (!isDate) return null;
  const iconValue = icon ? icon : 'calendar';
  const showPicker = () => {
    if (props.disabled) return;
    input.current.showPicker();
  };
  return _react.default.createElement(_icons.Icon, {
    key: 'icon',
    icon: iconValue,
    className: 'pui-input__icon',
    onClick: showPicker
  });
}
}});

/****************************************
INTERNAL MODULE: ./input/components/error
****************************************/

ims.set('./input/components/error', {hash: 534355326, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Error = Error;
var _react = require("react");
/*bundle*/function Error({
  show,
  message,
  className,
  children
}) {
  if (!show) return null;
  const cls = `pui-input-error-label${className ? ` ${className}` : ''}`;
  return _react.default.createElement("span", {
    className: cls
  }, message, " ", children);
}
}});

/*************************************************
INTERNAL MODULE: ./input/components/icon-container
*************************************************/

ims.set('./input/components/icon-container', {hash: 168038464, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.IconContainer = IconContainer;
var _react = require("react");
var _password = require("./password");
var _context = require("../context");
var _date = require("./date");
var _icon = require("./icon");
function IconContainer() {
  const {
    props
  } = (0, _context.useInputContext)();
  const types = {
    password: _password.Password,
    date: _date.Date,
    default: null,
    month: _date.Date,
    week: _date.Date,
    'datetime-local': _date.Date
  };
  const output = [];
  if (!!types[props.type]) {
    const Control = types[props.type];
    output.push(_react.default.createElement(Control, {
      key: "control"
    }));
  }
  ;
  if (!!props.icon) {
    output.push(_react.default.createElement(_icon.Icon, {
      key: "icon"
    }));
  }
  return _react.default.createElement(_react.default.Fragment, null, output);
}
;
}});

/***************************************
INTERNAL MODULE: ./input/components/icon
***************************************/

ims.set('./input/components/icon', {hash: 2806631327, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Icon = Icon;
var _react = require("react");
var _icons = require("pragmate-ui/icons");
var _context = require("../context");
function Icon() {
  const {
    props: {
      icon
    },
    isDate
  } = (0, _context.useInputContext)();
  if (!icon || isDate) return null;
  return _react.default.createElement(_icons.Icon, {
    icon: icon,
    className: "input-icon"
  });
}
}});

/****************************************
INTERNAL MODULE: ./input/components/label
****************************************/

ims.set('./input/components/label', {hash: 1837895848, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Label = Label;
var _react = require("react");
var _context = require("../context");
/*bundle */function Label({
  required,
  position,
  children
} = {}) {
  const {
    name,
    id
  } = (0, _context.useInputContext)();
  const variants = {
    floating: 'floating-label',
    right: 'pui-input__label--right',
    bottom: 'pui-input__label--bottom',
    'bottom-right': 'pui-input__label--bottom-right'
  };
  let cls = `pui-input__label ${variants[position] ? ` ${variants[position]}` : ''}`;
  if (required) cls += ' is-required';
  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("label", {
    htmlFor: id ?? name,
    className: cls
  }, _react.default.createElement("span", {
    className: 'label-content'
  }, " ", children)));
}
}});

/*******************************************
INTERNAL MODULE: ./input/components/password
*******************************************/

ims.set('./input/components/password', {hash: 1440208605, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Password = Password;
var _react = require("react");
var _context = require("../context");
var _icons = require("pragmate-ui/icons");
function Password() {
  const {
    state,
    setState
  } = (0, _context.useInputContext)();
  const changeType = event => {
    event.stopPropagation();
    setState({
      ...state,
      type: state.type === "password" ? "text" : "password"
    });
  };
  const attrs = {
    className: "icon-eye",
    onClick: changeType,
    icon: state.type === "password" ? "eye" : "eye-slash"
  };
  return _react.default.createElement(_icons.IconButton, {
    ...attrs
  });
}
}});

/*******************************
INTERNAL MODULE: ./input/context
*******************************/

ims.set('./input/context', {hash: 902539138, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useInputContext = exports.InputContext = void 0;
var React = require("react");
const InputContext = exports.InputContext = React.createContext({});
const useInputContext = () => React.useContext(InputContext);
exports.useInputContext = useInputContext;
}});

/*******************************
INTERNAL MODULE: ./input/control
*******************************/

ims.set('./input/control', {hash: 765945223, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ControlSelector = ControlSelector;
var _react = require("react");
var _context = require("./context");
var _internalProps = require("./internal-props");
var _iconContainer = require("./components/icon-container");
function ControlSelector() {
  const {
    setState,
    state,
    value,
    setValue,
    props: {
      name,
      id,
      placeholder
    },
    props,
    input
  } = (0, _context.useInputContext)();
  let properties = {
    ...props
  };
  _internalProps.internalProps.forEach(prop => delete properties[prop]);
  const handleChange = event => {
    if (!!props.onChange && typeof props.onChange === 'function') props.onChange(event);
    const currentValue = event.currentTarget.value;
    setValue(currentValue);
    setState({
      ...state,
      _hasError: false,
      value: currentValue
    });
  };
  const attrs = {
    id: id ?? name,
    placeholder: placeholder ?? '',
    value: value ?? ''
  };
  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("input", {
    ref: input,
    ...properties,
    name: name,
    onChange: handleChange,
    type: state.type,
    ...attrs
  }), _react.default.createElement(_iconContainer.IconContainer, null));
}
}});

/*****************************
INTERNAL MODULE: ./input/index
*****************************/

ims.set('./input/index', {hash: 1920991899, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Input = Input;
var _react = require("react");
var _context = require("./context");
var _label = require("./components/label");
var _control = require("./control");
var _error = require("./components/error");
/*bundle*/ /**
            *
            * @param props
            *
            * 1. pattern property + existing error.
            * 2. Controlled Input where the implementer defines the error.
            * 3. Automated Input with multiple validations and error management.
            *
            * @returns
            */
function Input(props) {
  const {
    hasError,
    errorMessage,
    variant,
    className,
    label,
    children,
    icon,
    type
  } = props;
  const [value, setValue] = _react.default.useState(props.value ?? '');
  const [state, setState] = (0, _react.useState)({
    type
  });
  const input = (0, _react.useRef)(null);
  let cls = `pui-input${className ? ` ${className}` : ''}`;
  const dates = ['date', 'week', 'month', 'time', 'datetime-local'];
  const isDate = dates.includes(props.type);
  if (isDate) cls += ' pui-input--date';
  if (!!icon) cls += ' pui-input--icon';
  if (!!icon && variant === 'floating') cls += ' icon__floating';
  if (props.type === 'password') cls += ' pui-input--password';
  const variants = {
    unstyled: 'pui-input--unstyled',
    floating: 'pui-input--floating'
  };
  if (props.variant && variants[props.variant]) cls += ` ${variants[props.variant]}`;
  const providerValue = {
    props,
    state,
    setState,
    value: props.value ?? value,
    setValue,
    input,
    icon,
    isDate
  };
  const labelSpecs = {
    required: props.required
  };
  const attrs = {};
  /**
   * todo: review it.
   */
  if (variant === 'floating') labelSpecs.position = variant;
  if (variant !== 'unstyled') attrs.className = cls;
  return _react.default.createElement(_context.InputContext.Provider, {
    value: providerValue
  }, _react.default.createElement("div", {
    className: cls
  }, _react.default.createElement(_control.ControlSelector, null), children, label && _react.default.createElement(_label.Label, {
    ...labelSpecs
  }, label), errorMessage && _react.default.createElement(_error.Error, {
    show: !!hasError,
    message: errorMessage
  })));
}
}});

/****************************************
INTERNAL MODULE: ./input/interfaces/index
****************************************/

ims.set('./input/interfaces/index', {hash: 3145852206, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
;
;
;
;
}});

/**************************************
INTERNAL MODULE: ./input/internal-props
**************************************/

ims.set('./input/internal-props', {hash: 240084044, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.internalProps = void 0;
/**
 * Internal props of the input component.
 * This array is used to filter the props passed to the input component.
 */
const internalProps = exports.internalProps = ['className', 'hasError', 'errorMessage', 'children', 'icon', 'label', 'password', 'loading', 'variant', 'type', 'size', 'loading', 'error', 'sources', 'onError'];
function generateAttributes(attrs, toRemove = []) {
  const propsToRemove = [...internalProps, ...toRemove];
  const properties = {
    ...attrs
  };
  propsToRemove.forEach(prop => delete properties[prop]);
  return properties;
}
}});

/*******************************
INTERNAL MODULE: ./model/manager
*******************************/

ims.set('./model/manager', {hash: 3171752923, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SelectorManager = void 0;
class SelectorManager {
  static #instance;
  #selector;
  get selector() {
    return this.#selector;
  }
  constructor(selector) {}
  validate() {}
  static get(selector) {
    if (!this.#instance) {
      this.#instance = new SelectorManager(selector);
    }
    return this.#instance;
  }
}
exports.SelectorManager = SelectorManager;
}});

/***********************
INTERNAL MODULE: ./radio
***********************/

ims.set('./radio', {hash: 1700275994, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Radio = Radio;
var _react = require("react");
/*bundle*/function Radio(props) {
  const input = (0, _react.useRef)(null);
  const onClick = event => {
    event.stopPropagation();
    input.current.checked = true;
    if (!!props.onChange) props.onChange(event);
  };
  const properties = {
    ...props
  };
  delete properties.onChange;
  const cls = `pragmate-element-radio ${properties.className ? properties.className : ''}`;
  return _react.default.createElement("label", {
    className: cls,
    onClick: onClick
  }, _react.default.createElement("input", {
    ref: input,
    ...properties,
    type: 'radio',
    onChange: onClick
  }), properties.label && _react.default.createElement("span", null, properties.label));
}
}});

/******************************
INTERNAL MODULE: ./select/index
******************************/

ims.set('./select/index', {hash: 912006739, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Select = Select;
var _react = require("react");
var _option = require("./option");
/*bundle */function Select(props) {
  const {
    children
  } = props;
  const attributes = {
    ...props
  };
  delete attributes.children;
  delete attributes.options;
  const value = ![undefined, null].includes(props.value) ?? '';
  let output = [];
  if (props.options) {
    props.options.forEach((item, key) => {
      output.push(_react.default.createElement(_option.OptionSelect, {
        ...item,
        key: key
      }));
    });
  }
  const ramdon = Math.floor(Math.random() * (100 - 1 + 1)) + 1;
  const id = props.id ?? `${name}-${performance.now()}.${ramdon}`;
  const cls = `pui-input-select`;
  return _react.default.createElement("div", {
    className: cls
  }, _react.default.createElement("label", {
    htmlFor: id
  }, props.label), _react.default.createElement("select", {
    className: cls,
    ...attributes
  }, output, children));
}
}});

/*******************************
INTERNAL MODULE: ./select/option
*******************************/

ims.set('./select/option', {hash: 2324332836, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.OptionSelect = OptionSelect;
var _react = require("react");
/*bundle */function OptionSelect(props) {
  const {
    children
  } = props;
  const attributes = {
    ...props
  };
  delete attributes.children;
  return _react.default.createElement("option", {
    ...attributes
  }, children);
}
}});

/************************
INTERNAL MODULE: ./switch
************************/

ims.set('./switch', {hash: 872227154, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Switch = Switch;
var _react = require("react");
/* bundle */function Switch(props) {
  const {
    checked,
    onChange,
    variant = 'primary',
    disabled,
    sizing = 'md',
    className
  } = props;
  const [isChecked, setIsChecked] = _react.default.useState(!!checked);
  _react.default.useEffect(() => {
    if (isChecked === checked) return;
    setIsChecked(checked);
  }, [checked]);
  const handleChange = event => {
    event.stopPropagation();
    setIsChecked(event.currentTarget.checked);
    onChange && onChange(event);
  };
  let classNameSwitch = `pui-element-switch ${className ? className : ''}`;
  classNameSwitch += disabled ? ' disabled' : '';
  let cls = isChecked ? `pui-element-switch__label active` : 'pui-element-switch__label';
  cls += variant ? ` ${variant}` : '';
  cls += sizing ? ` ${sizing}` : '';
  const properties = {
    ...props
  };
  ['className', 'checked', 'onChange', 'variant', 'sizing', 'id'].forEach(prop => {
    delete properties[prop];
  });
  const id = props.id ?? props.name ?? 'pui-element-switch';
  return _react.default.createElement("div", {
    className: classNameSwitch
  }, _react.default.createElement("input", {
    className: 'pui-element-switch__checkbox',
    id: id,
    type: 'checkbox',
    checked: isChecked,
    onChange: handleChange,
    ...properties
  }), _react.default.createElement("label", {
    className: cls,
    htmlFor: id
  }, _react.default.createElement("span", {
    className: `label__btn--slider`
  })));
}
}});

/**********************************
INTERNAL MODULE: ./textarea/counter
**********************************/

ims.set('./textarea/counter', {hash: 1510952168, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TextareaCounter = TextareaCounter;
var _react = require("react");
function TextareaCounter({
  counter,
  length,
  maxlength
}) {
  if (!counter) return null;
  let cls = 'pui-textarea-counter';
  if (maxlength && length > maxlength - 15) {
    cls += length > maxlength - 5 ? ' pui-textarea-counter--danger' : ' pui-textarea-counter--warning';
  }
  return _react.default.createElement("span", {
    className: cls
  }, length ?? 0);
}
}});

/********************************
INTERNAL MODULE: ./textarea/error
********************************/

ims.set('./textarea/error', {hash: 2150596302, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TextareaError = TextareaError;
var _react = require("react");
function TextareaError({
  state,
  hasError,
  errorMessage,
  value
}) {
  if (!state._hasError && !hasError) return null;
  if (hasError || value !== '') errorMessage = errorMessage ? errorMessage : state.errorMessage;
  return _react.default.createElement("span", {
    className: 'pui-element-input-error'
  }, errorMessage);
}
}});

/********************************
INTERNAL MODULE: ./textarea/index
********************************/

ims.set('./textarea/index', {hash: 1666522646, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Textarea = Textarea;
var _react = require("react");
var _error = require("./error");
var _counter = require("./counter");
let previousHeight = 0;
/*bundle*/function Textarea(props) {
  const input = props.ref ?? (0, _react.useRef)();
  const {
    counter,
    errorMessage,
    autoresize = true,
    value = ''
  } = props;
  const [state, setState] = (0, _react.useState)({
    value,
    errorMessage
  });
  _react.default.useEffect(() => {
    const textarea = input.current;
    textarea.style.height = 'auto';
    // Set new height based on scrollHeight
    textarea.style.height = `${textarea.scrollHeight}px`;
  }, [value]);
  const handleChange = event => {
    if (!!props.onChange && typeof props.onChange === 'function') props.onChange(event);
    // const value = cleanExtraNewlines(event.target.value);
    const value = event.target.value;
    setState({
      ...state,
      _hasError: false,
      value
    });
  };
  let properties = {
    ...props
  };
  let cls = props.className ? `${props.className} pui-textarea` : 'pui-textarea';
  cls += props.disabled ? ' disabled' : '';
  cls += props.hasError ? ' error' : '';
  ['className', 'hasError', 'counter', 'errorMessage', 'children', 'label', 'floating'].forEach(prop => delete properties[prop]);
  const variants = {
    unstyled: 'pui-textarea--unstyled',
    floating: 'pui-textarea--floating'
  };
  if (props.variant && variants[props.variant]) cls += ` ${variants[props.variant]}`;
  let clsLabel = '';
  if (props.required) cls += ' is-required';
  return _react.default.createElement("div", {
    className: cls
  }, _react.default.createElement("textarea", {
    ref: input,
    ...properties,
    name: props.name,
    onChange: handleChange,
    value: value,
    placeholder: props.placeholder ?? ' '
  }), props.children, _react.default.createElement(_error.TextareaError, {
    state: state,
    hasError: props.hasError,
    value: value,
    errorMessage: props.errorMessage
  }), props.label && _react.default.createElement("label", {
    className: clsLabel,
    htmlFor: props.id
  }, props.label), _react.default.createElement(_counter.TextareaCounter, {
    length: input?.current?.value.length,
    maxlength: props.maxLength,
    counter: counter
  }));
}
}});

/********************************
INTERNAL MODULE: ./textarea/types
********************************/

ims.set('./textarea/types', {hash: 1171268489, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
}});

/*****************************
INTERNAL MODULE: ./types/index
*****************************/

ims.set('./types/index', {hash: 4163527322, creator: function (require, exports) {
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
}});

__pkg.exports.descriptor = [{"im":"./checkbox/group","from":"CheckboxGroup","name":"CheckboxGroup"},{"im":"./checkbox/index","from":"Checkbox","name":"Checkbox"},{"im":"./form","from":"Form","name":"Form"},{"im":"./input/components/error","from":"Error","name":"Error"},{"im":"./input/components/label","from":"Label","name":"Label"},{"im":"./input/index","from":"Input","name":"Input"},{"im":"./radio","from":"Radio","name":"Radio"},{"im":"./select/index","from":"Select","name":"Select"},{"im":"./select/option","from":"OptionSelect","name":"OptionSelect"},{"im":"./switch","from":"Switch","name":"Switch"},{"im":"./textarea/index","from":"Textarea","name":"Textarea"}];

export let CheckboxGroup, Checkbox, Form, Error, Label, Input, Radio, Select, OptionSelect, Switch, Textarea;

// Module exports
__pkg.exports.process = function({require, prop, value}) {
    (require || prop === 'CheckboxGroup') && (CheckboxGroup = require ? require('./checkbox/group').CheckboxGroup : value);
    (require || prop === 'Checkbox') && (Checkbox = require ? require('./checkbox/index').Checkbox : value);
    (require || prop === 'Form') && (Form = require ? require('./form').Form : value);
    (require || prop === 'Error') && (Error = require ? require('./input/components/error').Error : value);
    (require || prop === 'Label') && (Label = require ? require('./input/components/label').Label : value);
    (require || prop === 'Input') && (Input = require ? require('./input/index').Input : value);
    (require || prop === 'Radio') && (Radio = require ? require('./radio').Radio : value);
    (require || prop === 'Select') && (Select = require ? require('./select/index').Select : value);
    (require || prop === 'OptionSelect') && (OptionSelect = require ? require('./select/option').OptionSelect : value);
    (require || prop === 'Switch') && (Switch = require ? require('./switch').Switch : value);
    (require || prop === 'Textarea') && (Textarea = require ? require('./textarea/index').Textarea : value);

};
export const __beyond_pkg = __pkg;

export const hmr = new (function () {
    this.on = (event, listener) => void 0;
    this.off = (event, listener) => void 0;
});


__pkg.initialise(ims);
//# sourceMappingURL=form.browser.mjs.map