@native-systems/ui 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,1320 @@
+import * as React from 'react';
+import React__default, {
+  useState,
+  createContext,
+  useRef,
+  useContext,
+} from 'react';
+import { useForm } from 'react-hook-form';
+import {
+  PatternCompiler,
+  eqPlugin,
+  stringPlugin,
+  timezonePlugin,
+  userTimezonePlugin,
+  urlPlugin,
+} from '@native-systems/utility';
+
+// shim for using process in browser
+// based off https://github.com/defunctzombie/node-process/blob/master/browser.js
+
+var env = {};
+
+var browser$1 = {
+  env: env,
+};
+
+var jsxRuntime = { exports: {} };
+
+var reactJsxRuntime_production = {};
+
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReactJsxRuntime_production;
+
+function requireReactJsxRuntime_production() {
+  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
+  hasRequiredReactJsxRuntime_production = 1;
+  var REACT_ELEMENT_TYPE = Symbol.for('react.transitional.element'),
+    REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+  function jsxProd(type, config, maybeKey) {
+    var key = null;
+    void 0 !== maybeKey && (key = '' + maybeKey);
+    void 0 !== config.key && (key = '' + config.key);
+    if ('key' in config) {
+      maybeKey = {};
+      for (var propName in config)
+        'key' !== propName && (maybeKey[propName] = config[propName]);
+    } else maybeKey = config;
+    config = maybeKey.ref;
+    return {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      ref: void 0 !== config ? config : null,
+      props: maybeKey,
+    };
+  }
+  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
+  reactJsxRuntime_production.jsx = jsxProd;
+  reactJsxRuntime_production.jsxs = jsxProd;
+  return reactJsxRuntime_production;
+}
+
+var reactJsxRuntime_development = {};
+
+var hasRequiredReactJsxRuntime_development;
+
+function requireReactJsxRuntime_development() {
+  if (hasRequiredReactJsxRuntime_development)
+    return reactJsxRuntime_development;
+  hasRequiredReactJsxRuntime_development = 1;
+  'production' !== browser$1.env.NODE_ENV &&
+    (function () {
+      function getComponentNameFromType(type) {
+        if (null == type) return null;
+        if ('function' === typeof type)
+          return type.$$typeof === REACT_CLIENT_REFERENCE
+            ? null
+            : type.displayName || type.name || null;
+        if ('string' === typeof type) return type;
+        switch (type) {
+          case REACT_FRAGMENT_TYPE:
+            return 'Fragment';
+          case REACT_PROFILER_TYPE:
+            return 'Profiler';
+          case REACT_STRICT_MODE_TYPE:
+            return 'StrictMode';
+          case REACT_SUSPENSE_TYPE:
+            return 'Suspense';
+          case REACT_SUSPENSE_LIST_TYPE:
+            return 'SuspenseList';
+          case REACT_ACTIVITY_TYPE:
+            return 'Activity';
+        }
+        if ('object' === typeof type)
+          switch (
+            ('number' === typeof type.tag &&
+              console.error(
+                'Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.'
+              ),
+            type.$$typeof)
+          ) {
+            case REACT_PORTAL_TYPE:
+              return 'Portal';
+            case REACT_CONTEXT_TYPE:
+              return (type.displayName || 'Context') + '.Provider';
+            case REACT_CONSUMER_TYPE:
+              return (type._context.displayName || 'Context') + '.Consumer';
+            case REACT_FORWARD_REF_TYPE:
+              var innerType = type.render;
+              type = type.displayName;
+              type ||
+                ((type = innerType.displayName || innerType.name || ''),
+                (type =
+                  '' !== type ? 'ForwardRef(' + type + ')' : 'ForwardRef'));
+              return type;
+            case REACT_MEMO_TYPE:
+              return (
+                (innerType = type.displayName || null),
+                null !== innerType
+                  ? innerType
+                  : getComponentNameFromType(type.type) || 'Memo'
+              );
+            case REACT_LAZY_TYPE:
+              innerType = type._payload;
+              type = type._init;
+              try {
+                return getComponentNameFromType(type(innerType));
+              } catch (x) {}
+          }
+        return null;
+      }
+      function testStringCoercion(value) {
+        return '' + value;
+      }
+      function checkKeyStringCoercion(value) {
+        try {
+          testStringCoercion(value);
+          var JSCompiler_inline_result = !1;
+        } catch (e) {
+          JSCompiler_inline_result = true;
+        }
+        if (JSCompiler_inline_result) {
+          JSCompiler_inline_result = console;
+          var JSCompiler_temp_const = JSCompiler_inline_result.error;
+          var JSCompiler_inline_result$jscomp$0 =
+            ('function' === typeof Symbol &&
+              Symbol.toStringTag &&
+              value[Symbol.toStringTag]) ||
+            value.constructor.name ||
+            'Object';
+          JSCompiler_temp_const.call(
+            JSCompiler_inline_result,
+            'The provided key is an unsupported type %s. This value must be coerced to a string before using it here.',
+            JSCompiler_inline_result$jscomp$0
+          );
+          return testStringCoercion(value);
+        }
+      }
+      function getTaskName(type) {
+        if (type === REACT_FRAGMENT_TYPE) return '<>';
+        if (
+          'object' === typeof type &&
+          null !== type &&
+          type.$$typeof === REACT_LAZY_TYPE
+        )
+          return '<...>';
+        try {
+          var name = getComponentNameFromType(type);
+          return name ? '<' + name + '>' : '<...>';
+        } catch (x) {
+          return '<...>';
+        }
+      }
+      function getOwner() {
+        var dispatcher = ReactSharedInternals.A;
+        return null === dispatcher ? null : dispatcher.getOwner();
+      }
+      function UnknownOwner() {
+        return Error('react-stack-top-frame');
+      }
+      function hasValidKey(config) {
+        if (hasOwnProperty.call(config, 'key')) {
+          var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
+          if (getter && getter.isReactWarning) return false;
+        }
+        return void 0 !== config.key;
+      }
+      function defineKeyPropWarningGetter(props, displayName) {
+        function warnAboutAccessingKey() {
+          specialPropKeyWarningShown ||
+            ((specialPropKeyWarningShown = true),
+            console.error(
+              '%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)',
+              displayName
+            ));
+        }
+        warnAboutAccessingKey.isReactWarning = true;
+        Object.defineProperty(props, 'key', {
+          get: warnAboutAccessingKey,
+          configurable: true,
+        });
+      }
+      function elementRefGetterWithDeprecationWarning() {
+        var componentName = getComponentNameFromType(this.type);
+        didWarnAboutElementRef[componentName] ||
+          ((didWarnAboutElementRef[componentName] = true),
+          console.error(
+            'Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.'
+          ));
+        componentName = this.props.ref;
+        return void 0 !== componentName ? componentName : null;
+      }
+      function ReactElement(
+        type,
+        key,
+        self,
+        source,
+        owner,
+        props,
+        debugStack,
+        debugTask
+      ) {
+        self = props.ref;
+        type = {
+          $$typeof: REACT_ELEMENT_TYPE,
+          type: type,
+          key: key,
+          props: props,
+          _owner: owner,
+        };
+        null !== (void 0 !== self ? self : null)
+          ? Object.defineProperty(type, 'ref', {
+              enumerable: false,
+              get: elementRefGetterWithDeprecationWarning,
+            })
+          : Object.defineProperty(type, 'ref', {
+              enumerable: false,
+              value: null,
+            });
+        type._store = {};
+        Object.defineProperty(type._store, 'validated', {
+          configurable: false,
+          enumerable: false,
+          writable: true,
+          value: 0,
+        });
+        Object.defineProperty(type, '_debugInfo', {
+          configurable: false,
+          enumerable: false,
+          writable: true,
+          value: null,
+        });
+        Object.defineProperty(type, '_debugStack', {
+          configurable: false,
+          enumerable: false,
+          writable: true,
+          value: debugStack,
+        });
+        Object.defineProperty(type, '_debugTask', {
+          configurable: false,
+          enumerable: false,
+          writable: true,
+          value: debugTask,
+        });
+        Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+        return type;
+      }
+      function jsxDEVImpl(
+        type,
+        config,
+        maybeKey,
+        isStaticChildren,
+        source,
+        self,
+        debugStack,
+        debugTask
+      ) {
+        var children = config.children;
+        if (void 0 !== children)
+          if (isStaticChildren)
+            if (isArrayImpl(children)) {
+              for (
+                isStaticChildren = 0;
+                isStaticChildren < children.length;
+                isStaticChildren++
+              )
+                validateChildKeys(children[isStaticChildren]);
+              Object.freeze && Object.freeze(children);
+            } else
+              console.error(
+                'React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.'
+              );
+          else validateChildKeys(children);
+        if (hasOwnProperty.call(config, 'key')) {
+          children = getComponentNameFromType(type);
+          var keys = Object.keys(config).filter(function (k) {
+            return 'key' !== k;
+          });
+          isStaticChildren =
+            0 < keys.length
+              ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}'
+              : '{key: someKey}';
+          didWarnAboutKeySpread[children + isStaticChildren] ||
+            ((keys =
+              0 < keys.length ? '{' + keys.join(': ..., ') + ': ...}' : '{}'),
+            console.error(
+              'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
+              isStaticChildren,
+              children,
+              keys,
+              children
+            ),
+            (didWarnAboutKeySpread[children + isStaticChildren] = true));
+        }
+        children = null;
+        void 0 !== maybeKey &&
+          (checkKeyStringCoercion(maybeKey), (children = '' + maybeKey));
+        hasValidKey(config) &&
+          (checkKeyStringCoercion(config.key), (children = '' + config.key));
+        if ('key' in config) {
+          maybeKey = {};
+          for (var propName in config)
+            'key' !== propName && (maybeKey[propName] = config[propName]);
+        } else maybeKey = config;
+        children &&
+          defineKeyPropWarningGetter(
+            maybeKey,
+            'function' === typeof type
+              ? type.displayName || type.name || 'Unknown'
+              : type
+          );
+        return ReactElement(
+          type,
+          children,
+          self,
+          source,
+          getOwner(),
+          maybeKey,
+          debugStack,
+          debugTask
+        );
+      }
+      function validateChildKeys(node) {
+        'object' === typeof node &&
+          null !== node &&
+          node.$$typeof === REACT_ELEMENT_TYPE &&
+          node._store &&
+          (node._store.validated = 1);
+      }
+      var React = React__default,
+        REACT_ELEMENT_TYPE = Symbol.for('react.transitional.element'),
+        REACT_PORTAL_TYPE = Symbol.for('react.portal'),
+        REACT_FRAGMENT_TYPE = Symbol.for('react.fragment'),
+        REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode'),
+        REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+      var REACT_CONSUMER_TYPE = Symbol.for('react.consumer'),
+        REACT_CONTEXT_TYPE = Symbol.for('react.context'),
+        REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref'),
+        REACT_SUSPENSE_TYPE = Symbol.for('react.suspense'),
+        REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list'),
+        REACT_MEMO_TYPE = Symbol.for('react.memo'),
+        REACT_LAZY_TYPE = Symbol.for('react.lazy'),
+        REACT_ACTIVITY_TYPE = Symbol.for('react.activity'),
+        REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference'),
+        ReactSharedInternals =
+          React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+        hasOwnProperty = Object.prototype.hasOwnProperty,
+        isArrayImpl = Array.isArray,
+        createTask = console.createTask
+          ? console.createTask
+          : function () {
+              return null;
+            };
+      React = {
+        react_stack_bottom_frame: function (callStackForError) {
+          return callStackForError();
+        },
+      };
+      var specialPropKeyWarningShown;
+      var didWarnAboutElementRef = {};
+      var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(
+        React,
+        UnknownOwner
+      )();
+      var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+      var didWarnAboutKeySpread = {};
+      reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
+      reactJsxRuntime_development.jsx = function (
+        type,
+        config,
+        maybeKey,
+        source,
+        self
+      ) {
+        var trackActualOwner =
+          1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+        return jsxDEVImpl(
+          type,
+          config,
+          maybeKey,
+          false,
+          source,
+          self,
+          trackActualOwner
+            ? Error('react-stack-top-frame')
+            : unknownOwnerDebugStack,
+          trackActualOwner
+            ? createTask(getTaskName(type))
+            : unknownOwnerDebugTask
+        );
+      };
+      reactJsxRuntime_development.jsxs = function (
+        type,
+        config,
+        maybeKey,
+        source,
+        self
+      ) {
+        var trackActualOwner =
+          1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+        return jsxDEVImpl(
+          type,
+          config,
+          maybeKey,
+          true,
+          source,
+          self,
+          trackActualOwner
+            ? Error('react-stack-top-frame')
+            : unknownOwnerDebugStack,
+          trackActualOwner
+            ? createTask(getTaskName(type))
+            : unknownOwnerDebugTask
+        );
+      };
+    })();
+  return reactJsxRuntime_development;
+}
+
+(function (module) {
+  if (browser$1.env.NODE_ENV === 'production') {
+    module.exports = requireReactJsxRuntime_production();
+  } else {
+    module.exports = requireReactJsxRuntime_development();
+  }
+})(jsxRuntime);
+
+function EyeSlashIcon({ title, titleId, ...props }, svgRef) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        'xmlns': 'http://www.w3.org/2000/svg',
+        'fill': 'none',
+        'viewBox': '0 0 24 24',
+        'strokeWidth': 1.5,
+        'stroke': 'currentColor',
+        'aria-hidden': 'true',
+        'data-slot': 'icon',
+        'ref': svgRef,
+        'aria-labelledby': titleId,
+      },
+      props
+    ),
+    title
+      ? /*#__PURE__*/ React.createElement(
+          'title',
+          {
+            id: titleId,
+          },
+          title
+        )
+      : null,
+    /*#__PURE__*/ React.createElement('path', {
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      d: 'M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88',
+    })
+  );
+}
+const ForwardRef$5 = /*#__PURE__*/ React.forwardRef(EyeSlashIcon);
+
+function EyeIcon({ title, titleId, ...props }, svgRef) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        'xmlns': 'http://www.w3.org/2000/svg',
+        'fill': 'none',
+        'viewBox': '0 0 24 24',
+        'strokeWidth': 1.5,
+        'stroke': 'currentColor',
+        'aria-hidden': 'true',
+        'data-slot': 'icon',
+        'ref': svgRef,
+        'aria-labelledby': titleId,
+      },
+      props
+    ),
+    title
+      ? /*#__PURE__*/ React.createElement(
+          'title',
+          {
+            id: titleId,
+          },
+          title
+        )
+      : null,
+    /*#__PURE__*/ React.createElement('path', {
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      d: 'M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z',
+    }),
+    /*#__PURE__*/ React.createElement('path', {
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      d: 'M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z',
+    })
+  );
+}
+const ForwardRef$4 = /*#__PURE__*/ React.forwardRef(EyeIcon);
+
+function _array_like_to_array(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _define_property$2(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true,
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i =
+    arr == null
+      ? null
+      : (typeof Symbol !== 'undefined' && arr[Symbol.iterator]) ||
+        arr['@@iterator'];
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _s, _e;
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i['return'] != null) _i['return']();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+  return _arr;
+}
+function _non_iterable_rest() {
+  throw new TypeError(
+    'Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.'
+  );
+}
+function _object_spread$2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === 'function') {
+      ownKeys = ownKeys.concat(
+        Object.getOwnPropertySymbols(source).filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        })
+      );
+    }
+    ownKeys.forEach(function (key) {
+      _define_property$2(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _sliced_to_array(arr, i) {
+  return (
+    _array_with_holes(arr) ||
+    _iterable_to_array_limit(arr, i) ||
+    _unsupported_iterable_to_array(arr, i) ||
+    _non_iterable_rest()
+  );
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (!o) return;
+  if (typeof o === 'string') return _array_like_to_array(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === 'Object' && o.constructor) n = o.constructor.name;
+  if (n === 'Map' || n === 'Set') return Array.from(n);
+  if (n === 'Arguments' || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _array_like_to_array(o, minLen);
+}
+function InputField(param) {
+  var id = param.id,
+    label = param.label,
+    register = param.register,
+    type = param.type,
+    required = param.required,
+    _param_autoCompleteId = param.autoCompleteId,
+    autoCompleteId =
+      _param_autoCompleteId === void 0 ? 'off' : _param_autoCompleteId,
+    _param_isPasswordField = param.isPasswordField,
+    isPasswordField =
+      _param_isPasswordField === void 0 ? false : _param_isPasswordField;
+  var _useState = _sliced_to_array(useState(false), 2),
+    isPasswordVisible = _useState[0],
+    setIsPasswordVisible = _useState[1];
+  return jsxRuntime.exports.jsxs('div', {
+    className: 'flex flex-col space-y-2',
+    children: [
+      jsxRuntime.exports.jsx('label', {
+        htmlFor: id,
+        className:
+          'block ml-1 text-sm font-medium text-gray-700 dark:text-white',
+        children: label,
+      }),
+      isPasswordField
+        ? jsxRuntime.exports.jsxs('div', {
+            className: 'relative w-full',
+            children: [
+              jsxRuntime.exports.jsx(
+                'input',
+                _object_spread$2(
+                  {
+                    id: id,
+                    required: required,
+                    type: isPasswordVisible ? 'text' : 'password',
+                    autoComplete: autoCompleteId,
+                    placeholder: label,
+                    className:
+                      'w-full block py-3 pr-8 pl-3 text-gray-600 bg-white border-none rounded-lg shadow-sm shadow-input appearance-none focus:outline-none focus:ring-primary placeholder-gray-400 sm:text-sm dark:text-black dark:placeholder-gray-500 '.concat(
+                        type === 'number' ? 'text-right' : ''
+                      ),
+                  },
+                  register
+                )
+              ),
+              jsxRuntime.exports.jsx('div', {
+                className:
+                  'absolute top-1/2 right-2 w-5 h-5 -translate-y-1/2 text-text-color-300 hover:cursor-pointer',
+                children: isPasswordVisible
+                  ? jsxRuntime.exports.jsx(ForwardRef$5, {
+                      onClick: function () {
+                        setIsPasswordVisible(false);
+                      },
+                    })
+                  : jsxRuntime.exports.jsx(ForwardRef$4, {
+                      onClick: function () {
+                        setIsPasswordVisible(true);
+                      },
+                    }),
+              }),
+            ],
+          })
+        : jsxRuntime.exports.jsx(
+            'input',
+            _object_spread$2(
+              {
+                id: id,
+                required: required,
+                type: type,
+                autoComplete: autoCompleteId,
+                placeholder: label,
+                className:
+                  'relative w-full block py-3 pr-10 pl-3 text-gray-600 bg-white border-none rounded-lg shadow-sm shadow-input appearance-none focus:outline-none focus:ring-primary placeholder-gray-400 sm:text-sm dark:text-black dark:placeholder-gray-500 '.concat(
+                    type === 'number' ? 'text-right' : ''
+                  ),
+              },
+              register
+            )
+          ),
+    ],
+  });
+}
+
+var SigninForm = function (param) {
+  var mapText = param.mapText,
+    onSubmit = param.onSubmit,
+    errorMessage = param.errorMessage;
+  var _useForm = useForm({
+      shouldUseNativeValidation: true,
+    }),
+    register = _useForm.register,
+    handleSubmit = _useForm.handleSubmit;
+  return jsxRuntime.exports.jsxs('form', {
+    onSubmit: handleSubmit(onSubmit),
+    className: 'space-y-6',
+    children: [
+      jsxRuntime.exports.jsx(InputField, {
+        id: 'email',
+        label: mapText('auth:form.email.label'),
+        type: 'text',
+        required: true,
+        autoCompleteId: 'email',
+        register: register('email', {
+          required: mapText('form.email.validations.required'),
+        }),
+      }),
+      jsxRuntime.exports.jsx('div', {
+        className: 'relative',
+        children: jsxRuntime.exports.jsx(InputField, {
+          id: 'password',
+          label: mapText('auth:form.password.label'),
+          type: 'password',
+          required: true,
+          autoCompleteId: 'password',
+          register: register('password', {
+            required: mapText('form.password.validations.required'),
+          }),
+          isPasswordField: true,
+        }),
+      }),
+      jsxRuntime.exports.jsxs('div', {
+        children: [
+          jsxRuntime.exports.jsx('button', {
+            type: 'submit',
+            className:
+              'w-full flex justify-center px-4 py-3 text-sm font-medium text-white bg-[length:200%_200%] bg-primary-shimmer border-none border rounded-lg shadow-sm transition-transform animate-shimmerdelayed hover:scale-105 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2',
+            children: mapText('auth:form.submit.text'),
+          }),
+          jsxRuntime.exports.jsx('span', {
+            className: 'block mt-2 text-sm font-medium text-red-500',
+            children: errorMessage,
+          }),
+        ],
+      }),
+      jsxRuntime.exports.jsx('div', {
+        className: 'flex justify-between items-center',
+        children: jsxRuntime.exports.jsx('div', {
+          className: 'text-sm',
+          children: jsxRuntime.exports.jsx('a', {
+            href: '',
+            className:
+              'font-medium text-primary transition-colors hover:text-primary-500 dark:text-white',
+            children: mapText('auth:form.forgot.text'),
+          }),
+        }),
+      }),
+    ],
+  });
+};
+
+function SigninLayout(param) {
+  var mapText = param.mapText,
+    onSubmit = param.onSubmit,
+    errorMessage = param.errorMessage;
+  return jsxRuntime.exports.jsxs('div', {
+    className: 'h-full flex flex-col sm:flex-row',
+    children: [
+      jsxRuntime.exports.jsx('div', {
+        className:
+          "relative w-auto h-full bg-[url('/assets/signup_cover.png')] bg-no-repeat bg-center bg-cover sm:flex-1",
+      }),
+      jsxRuntime.exports.jsx('div', {
+        className:
+          'flex-1 w-auto flex flex-col lg:flex-none max-sm:absolute max-sm:top-1/2 max-sm:left-1/2 max-sm:w-full max-sm:-translate-x-1/2 max-sm:-translate-y-1/2 max-sm:max-w-96 dark:sm:bg-base-900',
+        children: jsxRuntime.exports.jsx('div', {
+          className:
+            'flex-1 flex flex-col p-4 sm:justify-center sm:px-6 sm:py-12 lg:px-20 xl:px-24 2xl:px-40 max-sm:px-5 max-sm:mx-5 max-sm:bg-white/80 max-sm:rounded-lg dark:max-sm:bg-base-900/80',
+          children: jsxRuntime.exports.jsxs('div', {
+            className: 'w-full mx-auto lg:w-96 max-w-xl',
+            children: [
+              jsxRuntime.exports.jsx('h2', {
+                className:
+                  'mt-6 text-3xl font-extrabold text-gray-900 select-none dark:text-white',
+                children: mapText('auth:page.title'),
+              }),
+              jsxRuntime.exports.jsx('div', {
+                className: 'mt-10',
+                children: jsxRuntime.exports.jsx(SigninForm, {
+                  mapText: mapText,
+                  onSubmit: function (values) {
+                    return onSubmit(values.email, values.password);
+                  },
+                  errorMessage: errorMessage,
+                }),
+              }),
+            ],
+          }),
+        }),
+      }),
+    ],
+  });
+}
+
+var UI = /*#__PURE__*/ Object.freeze({
+  __proto__: null,
+  SigninForm: SigninForm,
+  SigninLayout: SigninLayout,
+});
+
+function MainContentFrame(param) {
+  var children = param.children;
+  return jsxRuntime.exports.jsx('main', {
+    className:
+      'w-full pb-2 overflow-hidden bg-zinc-100 lg:pt-2 lg:pr-2 dark:bg-zinc-950',
+    children: jsxRuntime.exports.jsx('div', {
+      className:
+        'w-full h-full p-6 content-canvas bg-white border-zinc-950/10 lg:p-10 lg:border lg:rounded-lg lg:shadow-xs dark:bg-zinc-900 dark:border-white/5',
+      children: jsxRuntime.exports.jsx('div', {
+        className: 'mx-auto max-w-[1400px]',
+        children: children,
+      }),
+    }),
+  });
+}
+
+function ChevronDoubleLeftIcon({ title, titleId, ...props }, svgRef) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        'xmlns': 'http://www.w3.org/2000/svg',
+        'viewBox': '0 0 20 20',
+        'fill': 'currentColor',
+        'aria-hidden': 'true',
+        'data-slot': 'icon',
+        'ref': svgRef,
+        'aria-labelledby': titleId,
+      },
+      props
+    ),
+    title
+      ? /*#__PURE__*/ React.createElement(
+          'title',
+          {
+            id: titleId,
+          },
+          title
+        )
+      : null,
+    /*#__PURE__*/ React.createElement('path', {
+      fillRule: 'evenodd',
+      d: 'M4.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L6.31 10l3.72-3.72a.75.75 0 1 0-1.06-1.06L4.72 9.47Zm9.25-4.25L9.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L11.31 10l3.72-3.72a.75.75 0 0 0-1.06-1.06Z',
+      clipRule: 'evenodd',
+    })
+  );
+}
+const ForwardRef$3 = /*#__PURE__*/ React.forwardRef(ChevronDoubleLeftIcon);
+
+function ChevronDoubleRightIcon({ title, titleId, ...props }, svgRef) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        'xmlns': 'http://www.w3.org/2000/svg',
+        'viewBox': '0 0 20 20',
+        'fill': 'currentColor',
+        'aria-hidden': 'true',
+        'data-slot': 'icon',
+        'ref': svgRef,
+        'aria-labelledby': titleId,
+      },
+      props
+    ),
+    title
+      ? /*#__PURE__*/ React.createElement(
+          'title',
+          {
+            id: titleId,
+          },
+          title
+        )
+      : null,
+    /*#__PURE__*/ React.createElement('path', {
+      fillRule: 'evenodd',
+      d: 'M15.28 9.47a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 1 1-1.06-1.06L13.69 10 9.97 6.28a.75.75 0 0 1 1.06-1.06l4.25 4.25ZM6.03 5.22l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L8.69 10 4.97 6.28a.75.75 0 0 1 1.06-1.06Z',
+      clipRule: 'evenodd',
+    })
+  );
+}
+const ForwardRef$2 = /*#__PURE__*/ React.forwardRef(ChevronDoubleRightIcon);
+
+function ChevronLeftIcon({ title, titleId, ...props }, svgRef) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        'xmlns': 'http://www.w3.org/2000/svg',
+        'viewBox': '0 0 20 20',
+        'fill': 'currentColor',
+        'aria-hidden': 'true',
+        'data-slot': 'icon',
+        'ref': svgRef,
+        'aria-labelledby': titleId,
+      },
+      props
+    ),
+    title
+      ? /*#__PURE__*/ React.createElement(
+          'title',
+          {
+            id: titleId,
+          },
+          title
+        )
+      : null,
+    /*#__PURE__*/ React.createElement('path', {
+      fillRule: 'evenodd',
+      d: 'M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z',
+      clipRule: 'evenodd',
+    })
+  );
+}
+const ForwardRef$1 = /*#__PURE__*/ React.forwardRef(ChevronLeftIcon);
+
+function ChevronRightIcon({ title, titleId, ...props }, svgRef) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        'xmlns': 'http://www.w3.org/2000/svg',
+        'viewBox': '0 0 20 20',
+        'fill': 'currentColor',
+        'aria-hidden': 'true',
+        'data-slot': 'icon',
+        'ref': svgRef,
+        'aria-labelledby': titleId,
+      },
+      props
+    ),
+    title
+      ? /*#__PURE__*/ React.createElement(
+          'title',
+          {
+            id: titleId,
+          },
+          title
+        )
+      : null,
+    /*#__PURE__*/ React.createElement('path', {
+      fillRule: 'evenodd',
+      d: 'M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z',
+      clipRule: 'evenodd',
+    })
+  );
+}
+const ForwardRef = /*#__PURE__*/ React.forwardRef(ChevronRightIcon);
+
+function Pagination(param) {
+  var currentPage = param.currentPage,
+    totalPages = param.totalPages,
+    hasPrevPage = param.hasPrevPage,
+    hasNextPage = param.hasNextPage,
+    goToFirstPage = param.goToFirstPage,
+    goToPreviousPage = param.goToPreviousPage,
+    goToNextPage = param.goToNextPage,
+    goToLastPage = param.goToLastPage;
+  if (totalPages === 0) {
+    return null;
+  }
+  return jsxRuntime.exports.jsxs('div', {
+    className: 'w-full flex justify-center items-center gap-x-2 mt-6',
+    children: [
+      jsxRuntime.exports.jsxs('button', {
+        onClick: goToFirstPage,
+        disabled: !hasPrevPage,
+        className:
+          'flex gap-0.5 px-4 py-2.5 text-sm text-white bg-primary-500 rounded-lg transition-colors disabled:bg-zinc-300 enabled:hover:bg-primary-400 dark:disabled:bg-zinc-800',
+        children: [
+          jsxRuntime.exports.jsx(ForwardRef$3, {
+            className: 'w-5 h-auto',
+          }),
+          'Erste',
+        ],
+      }),
+      jsxRuntime.exports.jsxs('button', {
+        onClick: goToPreviousPage,
+        disabled: !hasPrevPage,
+        className:
+          'flex gap-0.5 px-4 py-2.5 text-sm text-white bg-primary-500 rounded-lg transition-colors disabled:bg-zinc-300 enabled:hover:bg-primary-400 dark:disabled:bg-zinc-800',
+        children: [
+          jsxRuntime.exports.jsx(ForwardRef$1, {
+            className: 'w-5 h-auto',
+          }),
+          'Zur\xfcck',
+        ],
+      }),
+      jsxRuntime.exports.jsxs('span', {
+        className: 'px-3 text-sm text-black dark:text-white',
+        children: [
+          'Seite ',
+          jsxRuntime.exports.jsx('strong', {
+            children: currentPage,
+          }),
+          ' von',
+          ' ',
+          jsxRuntime.exports.jsx('strong', {
+            children:
+              totalPages !== null && totalPages !== void 0 ? totalPages : 1,
+          }),
+        ],
+      }),
+      jsxRuntime.exports.jsxs('button', {
+        onClick: goToNextPage,
+        disabled: !hasNextPage,
+        className:
+          'flex gap-0.5 px-4 py-2.5 text-sm text-white bg-primary-500 rounded-lg transition-colors disabled:bg-zinc-300 enabled:hover:bg-primary-400 dark:disabled:bg-zinc-800',
+        children: [
+          'Weiter',
+          jsxRuntime.exports.jsx(ForwardRef, {
+            className: 'w-5 h-5',
+          }),
+        ],
+      }),
+      jsxRuntime.exports.jsxs('button', {
+        onClick: function () {
+          return goToLastPage(
+            totalPages !== null && totalPages !== void 0
+              ? totalPages
+              : currentPage
+          );
+        },
+        disabled: !hasNextPage,
+        className:
+          'flex gap-0.5 px-4 py-2.5 text-sm text-white bg-primary-500 rounded-lg transition-colors disabled:bg-zinc-300 enabled:hover:bg-primary-400 dark:disabled:bg-zinc-800',
+        children: [
+          'Letzte',
+          jsxRuntime.exports.jsx(ForwardRef$2, {
+            className: 'w-5 h-5',
+          }),
+        ],
+      }),
+    ],
+  });
+}
+
+function CancelButton(param) {
+  var onClick = param.onClick;
+  return jsxRuntime.exports.jsx('button', {
+    type: 'button',
+    className:
+      'px-5 py-1.5 isolate text-sm font-semibold text-white bg-zinc-500 rounded-lg transition-colors cursor-pointer hover:bg-zinc-400 ',
+    onClick: onClick,
+    children: 'Cancel',
+  });
+}
+
+function ErrorDisplay(param) {
+  var error = param.error;
+  if (!error) return null;
+  return jsxRuntime.exports.jsx('div', {
+    className:
+      'error-display p-4 mb-4 text-red-700 bg-red-100 border rounded border-red-400',
+    children: error,
+  });
+}
+
+function HowToCloseText() {
+  return jsxRuntime.exports.jsx('p', {
+    className: 'absolute top-full mt-2 text-xs text-black dark:text-white',
+    children:
+      'Schlie\xdfen: au\xdferhalb klicken oder die Esc-Taste dr\xfccken',
+  });
+}
+
+function r(e) {
+  var t,
+    f,
+    n = '';
+  if ('string' == typeof e || 'number' == typeof e) n += e;
+  else if ('object' == typeof e)
+    if (Array.isArray(e)) {
+      var o = e.length;
+      for (t = 0; t < o; t++)
+        e[t] && (f = r(e[t])) && (n && (n += ' '), (n += f));
+    } else for (f in e) e[f] && (n && (n += ' '), (n += f));
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = '', o = arguments.length; f < o; f++)
+    (e = arguments[f]) && (t = r(e)) && (n && (n += ' '), (n += t));
+  return n;
+}
+
+function LoadingSpinner(param) {
+  var className = param.className,
+    innerClassName = param.innerClassName;
+  return jsxRuntime.exports.jsx('div', {
+    className: clsx(
+      'loading-spinner w-full h-full flex flex-col justify-center items-center px-1',
+      className
+    ),
+    children: jsxRuntime.exports.jsx('div', {
+      'className': clsx(
+        'size-5 inline-block border-[3px] border-t-transparent rounded-full border-current animate-spin',
+        innerClassName
+      ),
+      'role': 'status',
+      'aria-label': 'loading',
+      'children': jsxRuntime.exports.jsx('span', {
+        className: 'sr-only',
+        children: 'Loading...',
+      }),
+    }),
+  });
+}
+
+function SaveButton(param) {
+  var isSaving = param.isSaving,
+    onClick = param.onClick,
+    disabled = param.disabled;
+  return jsxRuntime.exports.jsx('button', {
+    type: 'submit',
+    className:
+      'px-5 py-1.5 isolate text-sm font-semibold text-white bg-primary-500 rounded-lg transition-colors cursor-pointer disabled:bg-zinc-300 disabled:cursor-default enabled:hover:bg-primary-400 dark:disabled:bg-zinc-800',
+    onClick: onClick,
+    disabled: disabled || isSaving,
+    children: isSaving ? jsxRuntime.exports.jsx(LoadingSpinner, {}) : 'Save',
+  });
+}
+
+function Textarea(param) {
+  var value = param.value,
+    onChange = param.onChange,
+    _param_rows = param.rows,
+    rows = _param_rows === void 0 ? 2 : _param_rows;
+  return jsxRuntime.exports.jsx('textarea', {
+    className: clsx(
+      'w-full block px-3 py-1.5 mt-3 text-sm/6 text-white bg-white/5 border-none rounded-lg'
+    ),
+    rows: rows,
+    value: value,
+    onChange: function (e) {
+      return onChange(e.target.value);
+    },
+  });
+}
+
+var Util = /*#__PURE__*/ Object.freeze({
+  __proto__: null,
+  CancelButton: CancelButton,
+  ErrorDisplay: ErrorDisplay,
+  HowToCloseText: HowToCloseText,
+  InputField: InputField,
+  LoadingSpinner: LoadingSpinner,
+  MainContentFrame: MainContentFrame,
+  Pagination: Pagination,
+  SaveButton: SaveButton,
+  Textarea: Textarea,
+});
+
+function _define_property$1(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true,
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _object_spread$1(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === 'function') {
+      ownKeys = ownKeys.concat(
+        Object.getOwnPropertySymbols(source).filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        })
+      );
+    }
+    ownKeys.forEach(function (key) {
+      _define_property$1(target, key, source[key]);
+    });
+  }
+  return target;
+}
+var TemplateParserContext = createContext({
+  parse: function () {
+    return String();
+  },
+  addToTemporaryView: function () {},
+});
+var TemplateParserProvider = function (props) {
+  var _Intl_DateTimeFormat, _Intl;
+  var children = props.children;
+  props.navigationView;
+  var systemTimezone = 'Europe/Berlin';
+  var systemLocale = 'de-DE';
+  var timezone =
+    ((_Intl = Intl) === null || _Intl === void 0
+      ? void 0
+      : (_Intl_DateTimeFormat = _Intl.DateTimeFormat) === null ||
+          _Intl_DateTimeFormat === void 0
+        ? void 0
+        : _Intl_DateTimeFormat.call(_Intl).resolvedOptions().timeZone) ||
+    systemTimezone;
+  var locale =
+    (Array.isArray(navigator.languages) && navigator.languages[0]) ||
+    navigator.language ||
+    systemLocale;
+  var temporaryView = useRef({});
+  var compiler = useRef(
+    new PatternCompiler(temporaryView.current, function (handlebars) {
+      eqPlugin(handlebars);
+      stringPlugin(handlebars);
+      timezonePlugin(handlebars, {
+        timezone: systemTimezone,
+        locale: systemLocale,
+      });
+      userTimezonePlugin(handlebars, {
+        timezone: timezone,
+        locale: locale,
+      });
+      urlPlugin(handlebars);
+    })
+  );
+  var parse = function (source, partialView) {
+    return compiler.current.compile(
+      source,
+      _object_spread$1({}, temporaryView.current, partialView)
+    );
+  };
+  var addToTemporaryView = function (key, value) {
+    temporaryView.current[key] = value;
+  };
+  return jsxRuntime.exports.jsx(TemplateParserContext.Provider, {
+    value: {
+      parse: parse,
+      addToTemporaryView: addToTemporaryView,
+    },
+    children: children,
+  });
+};
+var useTemplateParser = function () {
+  var context = useContext(TemplateParserContext);
+  if (context === undefined) {
+    throw new Error(
+      'useTemplateParser must be used within a TemplateParseProvider'
+    );
+  }
+  return context;
+};
+
+var Ctx = /*#__PURE__*/ Object.freeze({
+  __proto__: null,
+  TemplateParserProvider: TemplateParserProvider,
+  useTemplateParser: useTemplateParser,
+});
+
+function _define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true,
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === 'function') {
+      ownKeys = ownKeys.concat(
+        Object.getOwnPropertySymbols(source).filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        })
+      );
+    }
+    ownKeys.forEach(function (key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+var index = _object_spread({}, UI, Util, Ctx);
+
+export {
+  CancelButton,
+  ErrorDisplay,
+  HowToCloseText,
+  InputField,
+  LoadingSpinner,
+  MainContentFrame,
+  Pagination,
+  SaveButton,
+  SigninForm,
+  SigninLayout,
+  TemplateParserProvider,
+  Textarea,
+  index as default,
+  useTemplateParser,
+};