@native-systems/ui 1.0.0 → 1.0.2

package/dist/index.esm.js

@@ -1,11 +1,7 @@
-import * as React from 'react';
-import React__default, {
-  useState,
-  createContext,
-  useRef,
-  useContext,
-} from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useForm } from 'react-hook-form';
+import * as React from 'react';
+import { useState, createContext, useRef, useContext } from 'react';
 import {
   PatternCompiler,
   eqPlugin,
@@ -15,445 +11,6 @@ import {
   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',
@@ -529,191 +86,77 @@ function EyeIcon({ title, titleId, ...props }, svgRef) {
 }
 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', {
+function InputField({
+  id,
+  label,
+  register,
+  type,
+  required,
+  autoCompleteId = 'off',
+  isPasswordField = false,
+}) {
+  const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+  return jsxs('div', {
     className: 'flex flex-col space-y-2',
     children: [
-      jsxRuntime.exports.jsx('label', {
+      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', {
+        ? 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', {
+              jsx('input', {
+                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 ${type === 'number' ? 'text-right' : ''}`,
+                ...register,
+              }),
+              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 () {
+                  ? jsx(ForwardRef$5, {
+                      onClick: () => {
                         setIsPasswordVisible(false);
                       },
                     })
-                  : jsxRuntime.exports.jsx(ForwardRef$4, {
-                      onClick: function () {
+                  : jsx(ForwardRef$4, {
+                      onClick: () => {
                         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
-            )
-          ),
+        : jsx('input', {
+            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 ${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', {
+const SigninForm = ({ mapText, onSubmit, errorMessage }) => {
+  const { register, handleSubmit } = useForm({
+    shouldUseNativeValidation: true,
+  });
+  return jsxs('form', {
     onSubmit: handleSubmit(onSubmit),
     className: 'space-y-6',
     children: [
-      jsxRuntime.exports.jsx(InputField, {
+      jsx(InputField, {
         id: 'email',
         label: mapText('auth:form.email.label'),
         type: 'text',
@@ -723,9 +166,9 @@ var SigninForm = function (param) {
           required: mapText('form.email.validations.required'),
         }),
       }),
-      jsxRuntime.exports.jsx('div', {
+      jsx('div', {
         className: 'relative',
-        children: jsxRuntime.exports.jsx(InputField, {
+        children: jsx(InputField, {
           id: 'password',
           label: mapText('auth:form.password.label'),
           type: 'password',
@@ -737,25 +180,25 @@ var SigninForm = function (param) {
           isPasswordField: true,
         }),
       }),
-      jsxRuntime.exports.jsxs('div', {
+      jsxs('div', {
         children: [
-          jsxRuntime.exports.jsx('button', {
+          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', {
+          jsx('span', {
             className: 'block mt-2 text-sm font-medium text-red-500',
             children: errorMessage,
           }),
         ],
       }),
-      jsxRuntime.exports.jsx('div', {
+      jsx('div', {
         className: 'flex justify-between items-center',
-        children: jsxRuntime.exports.jsx('div', {
+        children: jsx('div', {
           className: 'text-sm',
-          children: jsxRuntime.exports.jsx('a', {
+          children: jsx('a', {
             href: '',
             className:
               'font-medium text-primary transition-colors hover:text-primary-500 dark:text-white',
@@ -767,38 +210,33 @@ var SigninForm = function (param) {
   });
 };
 
-function SigninLayout(param) {
-  var mapText = param.mapText,
-    onSubmit = param.onSubmit,
-    errorMessage = param.errorMessage;
-  return jsxRuntime.exports.jsxs('div', {
+function SigninLayout({ mapText, onSubmit, errorMessage }) {
+  return jsxs('div', {
     className: 'h-full flex flex-col sm:flex-row',
     children: [
-      jsxRuntime.exports.jsx('div', {
+      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', {
+      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', {
+        children: 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', {
+          children: jsxs('div', {
             className: 'w-full mx-auto lg:w-96 max-w-xl',
             children: [
-              jsxRuntime.exports.jsx('h2', {
+              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', {
+              jsx('div', {
                 className: 'mt-10',
-                children: jsxRuntime.exports.jsx(SigninForm, {
+                children: jsx(SigninForm, {
                   mapText: mapText,
-                  onSubmit: function (values) {
-                    return onSubmit(values.email, values.password);
-                  },
+                  onSubmit: (values) => onSubmit(values.email, values.password),
                   errorMessage: errorMessage,
                 }),
               }),
@@ -816,15 +254,14 @@ var UI = /*#__PURE__*/ Object.freeze({
   SigninLayout: SigninLayout,
 });
 
-function MainContentFrame(param) {
-  var children = param.children;
-  return jsxRuntime.exports.jsx('main', {
+function MainContentFrame({ children }) {
+  return 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', {
+    children: 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', {
+      children: jsx('div', {
         className: 'mx-auto max-w-[1400px]',
         children: children,
       }),
@@ -964,86 +401,86 @@ function ChevronRightIcon({ title, titleId, ...props }, svgRef) {
 }
 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;
+function Pagination({
+  currentPage,
+  totalPages,
+  hasPrevPage,
+  hasNextPage,
+  goToFirstPage,
+  goToPreviousPage,
+  goToNextPage,
+  goToLastPage,
+}) {
   if (totalPages === 0) {
     return null;
   }
-  return jsxRuntime.exports.jsxs('div', {
+  return jsxs('div', {
     className: 'w-full flex justify-center items-center gap-x-2 mt-6',
     children: [
-      jsxRuntime.exports.jsxs('button', {
+      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, {
+          jsx(ForwardRef$3, {
             className: 'w-5 h-auto',
           }),
           'Erste',
         ],
       }),
-      jsxRuntime.exports.jsxs('button', {
+      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, {
+          jsx(ForwardRef$1, {
             className: 'w-5 h-auto',
           }),
-          'Zur\xfcck',
+          'Zurück',
         ],
       }),
-      jsxRuntime.exports.jsxs('span', {
+      jsxs('span', {
         className: 'px-3 text-sm text-black dark:text-white',
         children: [
           'Seite ',
-          jsxRuntime.exports.jsx('strong', {
+          jsx('strong', {
             children: currentPage,
           }),
           ' von',
           ' ',
-          jsxRuntime.exports.jsx('strong', {
+          jsx('strong', {
             children:
               totalPages !== null && totalPages !== void 0 ? totalPages : 1,
           }),
         ],
       }),
-      jsxRuntime.exports.jsxs('button', {
+      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, {
+          jsx(ForwardRef, {
             className: 'w-5 h-5',
           }),
         ],
       }),
-      jsxRuntime.exports.jsxs('button', {
-        onClick: function () {
-          return goToLastPage(
+      jsxs('button', {
+        onClick: () =>
+          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, {
+          jsx(ForwardRef$2, {
             className: 'w-5 h-5',
           }),
         ],
@@ -1052,9 +489,8 @@ function Pagination(param) {
   });
 }
 
-function CancelButton(param) {
-  var onClick = param.onClick;
-  return jsxRuntime.exports.jsx('button', {
+function CancelButton({ onClick }) {
+  return 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 ',
@@ -1063,10 +499,9 @@ function CancelButton(param) {
   });
 }
 
-function ErrorDisplay(param) {
-  var error = param.error;
+function ErrorDisplay({ error }) {
   if (!error) return null;
-  return jsxRuntime.exports.jsx('div', {
+  return jsx('div', {
     className:
       'error-display p-4 mb-4 text-red-700 bg-red-100 border rounded border-red-400',
     children: error,
@@ -1074,10 +509,9 @@ function ErrorDisplay(param) {
 }
 
 function HowToCloseText() {
-  return jsxRuntime.exports.jsx('p', {
+  return 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',
+    children: 'Schließen: außerhalb klicken oder die Esc-Taste drücken',
   });
 }
 
@@ -1100,22 +534,20 @@ function clsx() {
   return n;
 }
 
-function LoadingSpinner(param) {
-  var className = param.className,
-    innerClassName = param.innerClassName;
-  return jsxRuntime.exports.jsx('div', {
+function LoadingSpinner({ className, innerClassName }) {
+  return 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', {
+    children: 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', {
+      'children': jsx('span', {
         className: 'sr-only',
         children: 'Loading...',
       }),
@@ -1123,34 +555,25 @@ function LoadingSpinner(param) {
   });
 }
 
-function SaveButton(param) {
-  var isSaving = param.isSaving,
-    onClick = param.onClick,
-    disabled = param.disabled;
-  return jsxRuntime.exports.jsx('button', {
+function SaveButton({ isSaving, onClick, disabled }) {
+  return 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',
+    children: isSaving ? 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', {
+function Textarea({ value, onChange, rows = 2 }) {
+  return 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);
-    },
+    onChange: (e) => onChange(e.target.value),
   });
 }
 
@@ -1167,49 +590,16 @@ var Util = /*#__PURE__*/ Object.freeze({
   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 () {},
+const TemplateParserContext = createContext({
+  parse: () => String(),
+  addToTemporaryView: () => {},
 });
-var TemplateParserProvider = function (props) {
+const TemplateParserProvider = (props) => {
   var _Intl_DateTimeFormat, _Intl;
-  var children = props.children;
-  props.navigationView;
-  var systemTimezone = 'Europe/Berlin';
-  var systemLocale = 'de-DE';
-  var timezone =
+  const { children, navigationView } = props;
+  const systemTimezone = 'Europe/Berlin';
+  const systemLocale = 'de-DE';
+  const timezone =
     ((_Intl = Intl) === null || _Intl === void 0
       ? void 0
       : (_Intl_DateTimeFormat = _Intl.DateTimeFormat) === null ||
@@ -1217,13 +607,13 @@ var TemplateParserProvider = function (props) {
         ? void 0
         : _Intl_DateTimeFormat.call(_Intl).resolvedOptions().timeZone) ||
     systemTimezone;
-  var locale =
+  const locale =
     (Array.isArray(navigator.languages) && navigator.languages[0]) ||
     navigator.language ||
     systemLocale;
-  var temporaryView = useRef({});
-  var compiler = useRef(
-    new PatternCompiler(temporaryView.current, function (handlebars) {
+  const temporaryView = useRef({});
+  const compiler = useRef(
+    new PatternCompiler(temporaryView.current, (handlebars) => {
       eqPlugin(handlebars);
       stringPlugin(handlebars);
       timezonePlugin(handlebars, {
@@ -1237,25 +627,25 @@ var TemplateParserProvider = function (props) {
       urlPlugin(handlebars);
     })
   );
-  var parse = function (source, partialView) {
-    return compiler.current.compile(
-      source,
-      _object_spread$1({}, temporaryView.current, partialView)
-    );
+  const parse = (source, partialView) => {
+    return compiler.current.compile(source, {
+      ...temporaryView.current,
+      ...partialView,
+    });
   };
-  var addToTemporaryView = function (key, value) {
+  const addToTemporaryView = (key, value) => {
     temporaryView.current[key] = value;
   };
-  return jsxRuntime.exports.jsx(TemplateParserContext.Provider, {
+  return jsx(TemplateParserContext.Provider, {
     value: {
-      parse: parse,
-      addToTemporaryView: addToTemporaryView,
+      parse,
+      addToTemporaryView,
     },
     children: children,
   });
 };
-var useTemplateParser = function () {
-  var context = useContext(TemplateParserContext);
+const useTemplateParser = () => {
+  const context = useContext(TemplateParserContext);
   if (context === undefined) {
     throw new Error(
       'useTemplateParser must be used within a TemplateParseProvider'
@@ -1270,37 +660,11 @@ var Ctx = /*#__PURE__*/ Object.freeze({
   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);
+var index = {
+  ...UI,
+  ...Util,
+  ...Ctx,
+};
 
 export {
   CancelButton,