loon-bulma-react 2026.0.58 → 2026.0.60

package/dist/components/DataTable/DataTable.d.ts

@@ -138,8 +138,10 @@ type DataTableProps<T extends unknown = unknown> = {
      * - function: een function die een `string` returned om te gebruiken als `key` voor de row.
      */
     rowIdentifier: keyof T | ((item: T) => string);
-    /** extra content boven de tabel, links van het zoekveld. Deze content wordt automatisch gewrapped met een `<td>...</td>` */
-    headerContent?: React.ReactNode;
+    /** extra content boven de tabel, links van het zoekveld. Deze content wordt automatisch gewrapped met een `<td>...</td>`.
+     * __BEHALVE als de headerContent__ de tekst `searchbar` is. In dat geval gebruikt de zoek-bar de hele breedte van de tabel. (Tenzij `searchHiden` is true, dan wordt de zoekbar niet getoond)
+     */
+    headerContent?: 'searchbar' | React.ReactNode | undefined;
     /** extra content onder de tabel. Een ReactNode.
      * Deze content **MOET** een `<tr><td>...</td></tr>` bevatten!
      */

package/dist/forms/Checkbox/Checkbox.d.ts

@@ -11,6 +11,8 @@ type CheckBoxInputProps = StrictOmit<InputPropsType<string>, 'value' | 'onValueC
     /** foutmelding bij de input */ errorMessage?: string | ((s: InputErrorProps<boolean>) => string);
     /** info-melding bij de input */ infoMessage?: string | ((v: boolean) => string);
     onValueChanged?: (v: boolean) => void | Promise<void>;
+    /** double-click handler for the checkbox */
+    onDblClick?: (e: React.MouseEvent<HTMLInputElement>) => void | Promise<void>;
 };
 /**
  * Een checkbox input met een container eromheen. Om een checkbox in te voegen zonder container, gebruik dan de `<CB ... />`-component. DEze component 'wrapt' deze `CB`-component.
@@ -40,7 +42,7 @@ declare function CheckBox({ id, label, name, size: sizeProp, direction: directio
  * const [x, setX] = React.useState(false);
  * <CB name="test" label="test" value={x} onValueChanged={setX}/>
  */
-declare function CB({ helpTag, errorMessage, infoMessage, label, disabled, keyboardType, title, name, value, required, spellCheck, id, autoComplete, readonly, autofocus, form, inputRef: ref, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, size: sizeProp, alignment: alignmentProp, color, infoDataEl, }: // inverted = false,
+declare function CB({ helpTag, errorMessage, infoMessage, label, disabled, keyboardType, title, name, value, required, spellCheck, id, autoComplete, readonly, autofocus, form, inputRef: ref, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onValueChanged, onDblClick, size: sizeProp, alignment: alignmentProp, color, infoDataEl, }: // inverted = false,
 StrictOmit<CheckBoxInputProps, 'direction' | 'labelHidden' | 'infoData'> & {
     infoDataEl?: React.ReactNode;
 }): React.JSX.Element;

package/dist/index.js

@@ -1501,7 +1501,7 @@ function dr(e) {
 	if (t) return t.getAttribute(e);
 }
 function fr(e) {
-	return e === "" ? !0 : e === "false" ? !1 : e === "true" ? !0 : e;
+	return e === "" ? !0 : e === "false" ? !1 : e === "true" || e;
 }
 ot && typeof ot.querySelector == "function" && [
 	["data-family-prefix", "familyPrefix"],
@@ -1630,7 +1630,7 @@ function Or(e) {
 	};
 }
 function kr(e) {
-	var t = e.transform, n = e.width, r = n === void 0 ? Ln : n, i = e.height, a = i === void 0 ? Ln : i, o = e.startCentered, s = o === void 0 ? !1 : o, c = "";
+	var t = e.transform, n = e.width, r = n === void 0 ? Ln : n, i = e.height, a = i === void 0 ? Ln : i, o = e.startCentered, s = o !== void 0 && o, c = "";
 	return s && ut ? c += `translate(${t.x / _r - r / 2}em, ${t.y / _r - a / 2}em) ` : s ? c += `translate(calc(-50% + ${t.x / _r}em), calc(-50% + ${t.y / _r}em)) ` : c += `translate(${t.x / _r}em, ${t.y / _r}em) `, c += `scale(${t.size / _r * (t.flipX ? -1 : 1)}, ${t.size / _r * (t.flipY ? -1 : 1)}) `, c += `rotate(${t.rotate}deg) `, c;
 }
 var Ar = ":root, :host {\n  --fa-font-solid: normal 900 1em/1 'Font Awesome 7 Free';\n  --fa-font-regular: normal 400 1em/1 'Font Awesome 7 Free';\n  --fa-font-light: normal 300 1em/1 'Font Awesome 7 Pro';\n  --fa-font-thin: normal 100 1em/1 'Font Awesome 7 Pro';\n  --fa-font-duotone: normal 900 1em/1 'Font Awesome 7 Duotone';\n  --fa-font-duotone-regular: normal 400 1em/1 'Font Awesome 7 Duotone';\n  --fa-font-duotone-light: normal 300 1em/1 'Font Awesome 7 Duotone';\n  --fa-font-duotone-thin: normal 100 1em/1 'Font Awesome 7 Duotone';\n  --fa-font-brands: normal 400 1em/1 'Font Awesome 7 Brands';\n  --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 7 Sharp';\n  --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 7 Sharp';\n  --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 7 Sharp';\n  --fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 7 Sharp';\n  --fa-font-sharp-duotone-solid: normal 900 1em/1 'Font Awesome 7 Sharp Duotone';\n  --fa-font-sharp-duotone-regular: normal 400 1em/1 'Font Awesome 7 Sharp Duotone';\n  --fa-font-sharp-duotone-light: normal 300 1em/1 'Font Awesome 7 Sharp Duotone';\n  --fa-font-sharp-duotone-thin: normal 100 1em/1 'Font Awesome 7 Sharp Duotone';\n  --fa-font-slab-regular: normal 400 1em/1 'Font Awesome 7 Slab';\n  --fa-font-slab-press-regular: normal 400 1em/1 'Font Awesome 7 Slab Press';\n  --fa-font-slab-duo-regular: normal 400 1em/1 'Font Awesome 7 Slab Duo';\n  --fa-font-slab-press-duo-regular: normal 400 1em/1 'Font Awesome 7 Slab Press Duo';\n  --fa-font-pixel-regular: normal 400 1em/1 'Font Awesome 7 Pixel';\n  --fa-font-mosaic-solid: normal 900 1em/1 'Font Awesome 7 Mosaic';\n  --fa-font-vellum-solid: normal 900 1em/1 'Font Awesome 7 Vellum';\n  --fa-font-whiteboard-semibold: normal 600 1em/1 'Font Awesome 7 Whiteboard';\n  --fa-font-thumbprint-light: normal 300 1em/1 'Font Awesome 7 Thumbprint';\n  --fa-font-notdog-solid: normal 900 1em/1 'Font Awesome 7 Notdog';\n  --fa-font-notdog-duo-solid: normal 900 1em/1 'Font Awesome 7 Notdog Duo';\n  --fa-font-etch-solid: normal 900 1em/1 'Font Awesome 7 Etch';\n  --fa-font-graphite-thin: normal 100 1em/1 'Font Awesome 7 Graphite';\n  --fa-font-jelly-regular: normal 400 1em/1 'Font Awesome 7 Jelly';\n  --fa-font-jelly-fill-regular: normal 400 1em/1 'Font Awesome 7 Jelly Fill';\n  --fa-font-jelly-duo-regular: normal 400 1em/1 'Font Awesome 7 Jelly Duo';\n  --fa-font-chisel-regular: normal 400 1em/1 'Font Awesome 7 Chisel';\n  --fa-font-utility-semibold: normal 600 1em/1 'Font Awesome 7 Utility';\n  --fa-font-utility-duo-semibold: normal 600 1em/1 'Font Awesome 7 Utility Duo';\n  --fa-font-utility-fill-semibold: normal 600 1em/1 'Font Awesome 7 Utility Fill';\n}\n\n.svg-inline--fa {\n  box-sizing: content-box;\n  display: var(--fa-display, inline-block);\n  height: 1em;\n  overflow: visible;\n  vertical-align: -0.125em;\n  width: var(--fa-width, 1.25em);\n}\n.svg-inline--fa.fa-2xs {\n  vertical-align: 0.1em;\n}\n.svg-inline--fa.fa-xs {\n  vertical-align: 0em;\n}\n.svg-inline--fa.fa-sm {\n  vertical-align: -0.0714285714em;\n}\n.svg-inline--fa.fa-lg {\n  vertical-align: -0.2em;\n}\n.svg-inline--fa.fa-xl {\n  vertical-align: -0.25em;\n}\n.svg-inline--fa.fa-2xl {\n  vertical-align: -0.3125em;\n}\n.svg-inline--fa.fa-pull-left,\n.svg-inline--fa .fa-pull-start {\n  float: inline-start;\n  margin-inline-end: var(--fa-pull-margin, 0.3em);\n}\n.svg-inline--fa.fa-pull-right,\n.svg-inline--fa .fa-pull-end {\n  float: inline-end;\n  margin-inline-start: var(--fa-pull-margin, 0.3em);\n}\n.svg-inline--fa.fa-li {\n  width: var(--fa-li-width, 2em);\n  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));\n  inset-block-start: 0.25em; /* syncing vertical alignment with Web Font rendering */\n}\n\n.fa-layers-counter, .fa-layers-text {\n  display: inline-block;\n  position: absolute;\n  text-align: center;\n}\n\n.fa-layers {\n  display: inline-block;\n  height: 1em;\n  position: relative;\n  text-align: center;\n  vertical-align: -0.125em;\n  width: var(--fa-width, 1.25em);\n}\n.fa-layers .svg-inline--fa {\n  inset: 0;\n  margin: auto;\n  position: absolute;\n  transform-origin: center center;\n}\n\n.fa-layers-text {\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transform-origin: center center;\n}\n\n.fa-layers-counter {\n  background-color: var(--fa-counter-background-color, #ff253a);\n  border-radius: var(--fa-counter-border-radius, 1em);\n  box-sizing: border-box;\n  color: var(--fa-inverse, #fff);\n  line-height: var(--fa-counter-line-height, 1);\n  max-width: var(--fa-counter-max-width, 5em);\n  min-width: var(--fa-counter-min-width, 1.5em);\n  overflow: hidden;\n  padding: var(--fa-counter-padding, 0.25em 0.5em);\n  right: var(--fa-right, 0);\n  text-overflow: ellipsis;\n  top: var(--fa-top, 0);\n  transform: scale(var(--fa-counter-scale, 0.25));\n  transform-origin: top right;\n}\n\n.fa-layers-bottom-right {\n  bottom: var(--fa-bottom, 0);\n  right: var(--fa-right, 0);\n  top: auto;\n  transform: scale(var(--fa-layers-scale, 0.25));\n  transform-origin: bottom right;\n}\n\n.fa-layers-bottom-left {\n  bottom: var(--fa-bottom, 0);\n  left: var(--fa-left, 0);\n  right: auto;\n  top: auto;\n  transform: scale(var(--fa-layers-scale, 0.25));\n  transform-origin: bottom left;\n}\n\n.fa-layers-top-right {\n  top: var(--fa-top, 0);\n  right: var(--fa-right, 0);\n  transform: scale(var(--fa-layers-scale, 0.25));\n  transform-origin: top right;\n}\n\n.fa-layers-top-left {\n  left: var(--fa-left, 0);\n  right: auto;\n  top: var(--fa-top, 0);\n  transform: scale(var(--fa-layers-scale, 0.25));\n  transform-origin: top left;\n}\n\n.fa-1x {\n  font-size: 1em;\n}\n\n.fa-2x {\n  font-size: 2em;\n}\n\n.fa-3x {\n  font-size: 3em;\n}\n\n.fa-4x {\n  font-size: 4em;\n}\n\n.fa-5x {\n  font-size: 5em;\n}\n\n.fa-6x {\n  font-size: 6em;\n}\n\n.fa-7x {\n  font-size: 7em;\n}\n\n.fa-8x {\n  font-size: 8em;\n}\n\n.fa-9x {\n  font-size: 9em;\n}\n\n.fa-10x {\n  font-size: 10em;\n}\n\n.fa-2xs {\n  font-size: calc(10 / 16 * 1em); /* converts a 10px size into an em-based value that's relative to the scale's 16px base */\n  line-height: calc(1 / 10 * 1em); /* sets the line-height of the icon back to that of it's parent */\n  vertical-align: calc((6 / 10 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */\n}\n\n.fa-xs {\n  font-size: calc(12 / 16 * 1em); /* converts a 12px size into an em-based value that's relative to the scale's 16px base */\n  line-height: calc(1 / 12 * 1em); /* sets the line-height of the icon back to that of it's parent */\n  vertical-align: calc((6 / 12 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */\n}\n\n.fa-sm {\n  font-size: calc(14 / 16 * 1em); /* converts a 14px size into an em-based value that's relative to the scale's 16px base */\n  line-height: calc(1 / 14 * 1em); /* sets the line-height of the icon back to that of it's parent */\n  vertical-align: calc((6 / 14 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */\n}\n\n.fa-lg {\n  font-size: calc(20 / 16 * 1em); /* converts a 20px size into an em-based value that's relative to the scale's 16px base */\n  line-height: calc(1 / 20 * 1em); /* sets the line-height of the icon back to that of it's parent */\n  vertical-align: calc((6 / 20 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */\n}\n\n.fa-xl {\n  font-size: calc(24 / 16 * 1em); /* converts a 24px size into an em-based value that's relative to the scale's 16px base */\n  line-height: calc(1 / 24 * 1em); /* sets the line-height of the icon back to that of it's parent */\n  vertical-align: calc((6 / 24 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */\n}\n\n.fa-2xl {\n  font-size: calc(32 / 16 * 1em); /* converts a 32px size into an em-based value that's relative to the scale's 16px base */\n  line-height: calc(1 / 32 * 1em); /* sets the line-height of the icon back to that of it's parent */\n  vertical-align: calc((6 / 32 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */\n}\n\n.fa-width-auto {\n  --fa-width: auto;\n}\n\n.fa-fw,\n.fa-width-fixed {\n  --fa-width: 1.25em;\n}\n\n.fa-canvas-square {\n  padding-block: 0.125em;\n  margin-block-end: -0.125em;\n}\n\n.fa-canvas-roomy {\n  padding-block: 0.25em;\n  padding-inline: 0.125em;\n  margin-block-end: -0.25em;\n  box-sizing: content-box;\n}\n\n.fa-ul {\n  list-style-type: none;\n  margin-inline-start: var(--fa-li-margin, 2.5em);\n  padding-inline-start: 0;\n}\n.fa-ul > li {\n  position: relative;\n}\n\n.fa-li {\n  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));\n  position: absolute;\n  text-align: center;\n  width: var(--fa-li-width, 2em);\n  line-height: inherit;\n}\n\n/* Heads Up: Bordered Icons will not be supported in the future!\n  - This feature will be deprecated in the next major release of Font Awesome (v8)!\n  - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.\n*/\n/* Notes:\n* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)\n* --@{v.$css-prefix}-border-padding =\n  ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)\n  ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)\n*/\n.fa-border {\n  border-color: var(--fa-border-color, #eee);\n  border-radius: var(--fa-border-radius, 0.1em);\n  border-style: var(--fa-border-style, solid);\n  border-width: var(--fa-border-width, 0.0625em);\n  box-sizing: var(--fa-border-box-sizing, content-box);\n  padding: var(--fa-border-padding, 0.1875em 0.25em);\n}\n\n.fa-pull-left,\n.fa-pull-start {\n  float: inline-start;\n  margin-inline-end: var(--fa-pull-margin, 0.3em);\n}\n\n.fa-pull-right,\n.fa-pull-end {\n  float: inline-end;\n  margin-inline-start: var(--fa-pull-margin, 0.3em);\n}\n\n.fa-beat {\n  animation-name: fa-beat;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 1s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n\n.fa-bounce {\n  animation-name: fa-bounce;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 1s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));\n}\n\n.fa-fade {\n  animation-name: fa-fade;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 1s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n\n.fa-beat-fade {\n  animation-name: fa-beat-fade;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 1s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n\n.fa-flip {\n  animation-name: fa-flip;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 1.5s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n\n.fa-flip-360 {\n  animation-name: fa-flip-360;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 1s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n\n.fa-shake {\n  animation-name: fa-shake;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 0.75s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, ease-in-out);\n}\n\n.fa-spin {\n  animation-name: fa-spin;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 2s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, linear);\n}\n\n.fa-spin-reverse {\n  --fa-animation-direction: reverse;\n}\n\n.fa-pulse,\n.fa-spin-pulse {\n  animation-name: fa-spin;\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 1s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, steps(8));\n}\n\n.fa-spin-snap {\n  animation-name: fa-spin-snap;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 3s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, linear);\n}\n\n.fa-spin-snap-4 {\n  animation-name: fa-spin-snap-4;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 2.4s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, linear);\n}\n\n.fa-spin-snap-8 {\n  animation-name: fa-spin-snap-8;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 4s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, linear);\n}\n\n.fa-buzz {\n  animation-name: fa-buzz;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 0.6s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, linear);\n}\n\n.fa-wag {\n  animation-name: fa-wag;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 0.9s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, ease-out);\n  transform-origin: bottom center;\n}\n\n.fa-float {\n  animation-name: fa-float;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 3s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, ease-in-out);\n  will-change: transform;\n}\n\n.fa-swing {\n  animation-name: fa-swing;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 1.2s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, ease-out);\n  transform-origin: top center;\n}\n\n.fa-jello {\n  animation-name: fa-jello;\n  animation-delay: var(--fa-animation-delay, 0s);\n  animation-direction: var(--fa-animation-direction, normal);\n  animation-duration: var(--fa-animation-duration, 0.9s);\n  animation-iteration-count: var(--fa-animation-iteration-count, infinite);\n  animation-timing-function: var(--fa-animation-timing, ease-out);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fa-beat,\n  .fa-bounce,\n  .fa-fade,\n  .fa-beat-fade,\n  .fa-flip,\n  .fa-flip-360,\n  .fa-pulse,\n  .fa-shake,\n  .fa-spin,\n  .fa-spin-pulse,\n  .fa-buzz,\n  .fa-float,\n  .fa-jello,\n  .fa-spin-snap,\n  .fa-spin-snap-4,\n  .fa-spin-snap-8,\n  .fa-swing,\n  .fa-wag {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n@keyframes fa-beat {\n  0% {\n    transform: scale(1);\n  }\n  25% {\n    transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));\n  }\n  45% {\n    transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22)));\n  }\n  65% {\n    transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));\n  }\n  90% {\n    transform: scale(1);\n  }\n}\n@keyframes fa-bounce {\n  0% {\n    transform: scale(1, 1) translateY(0);\n    animation-timing-function: var(--fa-animation-timing);\n  }\n  14% {\n    transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px));\n    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);\n  }\n  32% {\n    transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em)));\n    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);\n  }\n  52% {\n    transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1));\n    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);\n  }\n  70% {\n    transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0);\n    animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1);\n  }\n  85% {\n    transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1)));\n    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);\n  }\n  100% {\n    transform: scale(1, 1) translateY(0);\n  }\n}\n@keyframes fa-fade {\n  0% {\n    opacity: 1;\n    transform: scale(1);\n    animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);\n  }\n  40% {\n    opacity: var(--fa-fade-opacity, 0.4);\n    transform: scale(0.98);\n    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes fa-beat-fade {\n  0% {\n    opacity: var(--fa-beat-fade-opacity, 0.4);\n    transform: scale(1);\n    animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);\n  }\n  25% {\n    opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4);\n    transform: scale(var(--fa-beat-fade-scale, 1.28));\n    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  }\n  45% {\n    opacity: 1;\n    transform: scale(var(--fa-beat-fade-scale, 1.25));\n    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  65% {\n    opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4);\n    transform: scale(var(--fa-beat-fade-scale, 1.28));\n    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  }\n  100% {\n    opacity: var(--fa-beat-fade-opacity, 0.4);\n    transform: scale(1);\n  }\n}\n@keyframes fa-flip {\n  0% {\n    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);\n    animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);\n  }\n  8% {\n    transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);\n    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);\n  }\n  35% {\n    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));\n    animation-timing-function: linear;\n  }\n  65% {\n    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5));\n    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);\n  }\n  92% {\n    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));\n    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);\n  }\n  100% {\n    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));\n  }\n}\n@keyframes fa-flip-360 {\n  0% {\n    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);\n    animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);\n  }\n  8% {\n    transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);\n    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);\n  }\n  50% {\n    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));\n    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);\n  }\n  80% {\n    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));\n    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);\n  }\n  100% {\n    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));\n  }\n}\n@keyframes fa-shake {\n  0% {\n    transform: rotate(0deg);\n    animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);\n  }\n  8% {\n    transform: rotate(35deg) translateX(1px);\n    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);\n  }\n  20% {\n    transform: rotate(-22deg) translateX(-1px);\n    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);\n  }\n  35% {\n    transform: rotate(15deg) translateX(1px);\n    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);\n  }\n  50% {\n    transform: rotate(-9deg);\n    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  }\n  65% {\n    transform: rotate(5deg);\n    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  }\n  78% {\n    transform: rotate(-3deg);\n    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  }\n  90% {\n    transform: rotate(1deg);\n    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}\n@keyframes fa-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes fa-spin-snap {\n  0% {\n    transform: rotate(0deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  12% {\n    transform: rotate(60deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  16.67% {\n    transform: rotate(60deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  28.67% {\n    transform: rotate(120deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  33.33% {\n    transform: rotate(120deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  45.33% {\n    transform: rotate(180deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: rotate(180deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  62% {\n    transform: rotate(240deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  66.67% {\n    transform: rotate(240deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  78.67% {\n    transform: rotate(300deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  83.33% {\n    transform: rotate(300deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  95.33% {\n    transform: rotate(360deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes fa-spin-snap-4 {\n  0% {\n    transform: rotate(0deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  15% {\n    transform: rotate(90deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  25% {\n    transform: rotate(90deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  40% {\n    transform: rotate(180deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: rotate(180deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  65% {\n    transform: rotate(270deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  75% {\n    transform: rotate(270deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  90% {\n    transform: rotate(360deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes fa-spin-snap-8 {\n  0% {\n    transform: rotate(0deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  9% {\n    transform: rotate(45deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  12.5% {\n    transform: rotate(45deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  21.5% {\n    transform: rotate(90deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  25% {\n    transform: rotate(90deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  34% {\n    transform: rotate(135deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  37.5% {\n    transform: rotate(135deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  46.5% {\n    transform: rotate(180deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: rotate(180deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  59% {\n    transform: rotate(225deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  62.5% {\n    transform: rotate(225deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  71.5% {\n    transform: rotate(270deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  75% {\n    transform: rotate(270deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  84% {\n    transform: rotate(315deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  87.5% {\n    transform: rotate(315deg);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n  96.5% {\n    transform: rotate(360deg);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes fa-buzz {\n  0% {\n    transform: translateX(0) rotate(0deg);\n    animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1);\n  }\n  5% {\n    transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg);\n  }\n  10% {\n    transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg);\n  }\n  15% {\n    transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg);\n  }\n  20% {\n    transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg);\n  }\n  25% {\n    transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg);\n  }\n  30% {\n    transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg);\n  }\n  35% {\n    transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg);\n  }\n  40% {\n    transform: translateX(0) rotate(0deg);\n  }\n  100% {\n    transform: translateX(0) rotate(0deg);\n  }\n}\n@keyframes fa-wag {\n  0% {\n    transform: rotate(0deg);\n    animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);\n  }\n  12% {\n    transform: rotate(var(--fa-wag-angle, 12deg));\n    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  24% {\n    transform: rotate(2deg);\n    animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);\n  }\n  36% {\n    transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85));\n    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  48% {\n    transform: rotate(1deg);\n    animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);\n  }\n  58% {\n    transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6));\n    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  68% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}\n@keyframes fa-float {\n  0% {\n    transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));\n    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);\n  }\n  15% {\n    transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1);\n    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);\n  }\n  35% {\n    transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03));\n    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0);\n  }\n  50% {\n    transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01);\n    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);\n  }\n  70% {\n    transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1);\n    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);\n  }\n  90% {\n    transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));\n    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);\n  }\n  100% {\n    transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));\n  }\n}\n@keyframes fa-swing {\n  0% {\n    transform: rotate(0deg);\n    animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);\n  }\n  8% {\n    transform: rotate(var(--fa-swing-angle, 22deg));\n    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);\n  }\n  18% {\n    transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85));\n    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);\n  }\n  28% {\n    transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65));\n    animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1);\n  }\n  38% {\n    transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45));\n    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  }\n  48% {\n    transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25));\n    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  }\n  56% {\n    transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1));\n    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  }\n  64% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}\n@keyframes fa-jello {\n  0% {\n    transform: scale(1, 1);\n    animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);\n  }\n  12% {\n    transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15)));\n    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);\n  }\n  24% {\n    transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12));\n    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);\n  }\n  36% {\n    transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5)));\n    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  }\n  48% {\n    transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3));\n    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n  }\n  58% {\n    transform: scale(1.02, 0.98);\n    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  68% {\n    transform: scale(1, 1);\n  }\n  100% {\n    transform: scale(1, 1);\n  }\n}\n.fa-rotate-90 {\n  transform: rotate(90deg);\n}\n\n.fa-rotate-180 {\n  transform: rotate(180deg);\n}\n\n.fa-rotate-270 {\n  transform: rotate(270deg);\n}\n\n.fa-flip-horizontal {\n  transform: scale(-1, 1);\n}\n\n.fa-flip-vertical {\n  transform: scale(1, -1);\n}\n\n.fa-flip-both,\n.fa-flip-horizontal.fa-flip-vertical {\n  transform: scale(-1, -1);\n}\n\n.fa-rotate-by {\n  transform: rotate(var(--fa-rotate-angle, 0));\n}\n\n.svg-inline--fa .fa-primary {\n  fill: var(--fa-primary-color, currentColor);\n  opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa .fa-secondary {\n  fill: var(--fa-secondary-color, currentColor);\n  opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-primary {\n  opacity: var(--fa-secondary-opacity, 0.4);\n}\n\n.svg-inline--fa.fa-swap-opacity .fa-secondary {\n  opacity: var(--fa-primary-opacity, 1);\n}\n\n.svg-inline--fa mask .fa-primary,\n.svg-inline--fa mask .fa-secondary {\n  fill: black;\n}\n\n.svg-inline--fa.fa-inverse {\n  fill: var(--fa-inverse, #fff);\n}\n\n.fa-stack {\n  display: inline-block;\n  height: 2em;\n  line-height: 2em;\n  position: relative;\n  vertical-align: middle;\n  width: 2.5em;\n}\n\n.fa-inverse {\n  color: var(--fa-inverse, #fff);\n}\n\n.svg-inline--fa.fa-stack-1x {\n  --fa-width: 1.25em;\n  height: 1em;\n  width: var(--fa-width);\n}\n.svg-inline--fa.fa-stack-2x {\n  --fa-width: 2.5em;\n  height: 2em;\n  width: var(--fa-width);\n}\n\n.fa-stack-1x,\n.fa-stack-2x {\n  inset: 0;\n  margin: auto;\n  position: absolute;\n  z-index: var(--fa-stack-z-index, auto);\n}";
@@ -1704,7 +1704,7 @@ function Kr(e) {
 	}, {});
 }
 function qr(e, t) {
-	var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).skipHooks, r = n === void 0 ? !1 : n, i = Kr(t);
+	var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).skipHooks, r = n !== void 0 && n, i = Kr(t);
 	typeof Ir.hooks.addPack == "function" && !r ? Ir.hooks.addPack(e, Kr(t)) : Ir.styles[e] = G(G({}, Ir.styles[e] || {}), i), e === "fas" && qr("fa", t);
 }
 var Jr = Ir.styles, Yr = Ir.shims, Xr = Object.keys(nr), Zr = Xr.reduce(function(e, t) {
@@ -1827,7 +1827,7 @@ function _i(e) {
 }
 var vi = An.concat(_n);
 function yi(e) {
-	var t = (arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}).skipLookups, n = t === void 0 ? !1 : t, r = null, i = _i(e.filter(function(e) {
+	var t = (arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}).skipLookups, n = t !== void 0 && t, r = null, i = _i(e.filter(function(e) {
 		return vi.includes(e);
 	})), a = _i(e.filter(function(e) {
 		return !vi.includes(e);
@@ -2046,7 +2046,7 @@ function Bi(e) {
 	});
 }
 function Vi(e) {
-	var t = e.icons, n = t.main, r = t.mask, i = e.prefix, a = e.iconName, o = e.transform, s = e.symbol, c = e.maskId, l = e.extra, u = e.watchable, d = u === void 0 ? !1 : u, f = r.found ? r : n, p = f.width, m = f.height, h = [K.replacementClass, a ? `${K.cssPrefix}-${a}` : ""].filter(function(e) {
+	var t = e.icons, n = t.main, r = t.mask, i = e.prefix, a = e.iconName, o = e.transform, s = e.symbol, c = e.maskId, l = e.extra, u = e.watchable, d = u !== void 0 && u, f = r.found ? r : n, p = f.width, m = f.height, h = [K.replacementClass, a ? `${K.cssPrefix}-${a}` : ""].filter(function(e) {
 		return l.classes.indexOf(e) === -1;
 	}).filter(function(e) {
 		return e !== "" || !!e;
@@ -2080,7 +2080,7 @@ function Vi(e) {
 	return _.children = y, _.attributes = b, s ? zi(_) : Ri(_);
 }
 function Hi(e) {
-	var t = e.content, n = e.width, r = e.height, i = e.transform, a = e.extra, o = e.watchable, s = o === void 0 ? !1 : o, c = G(G({}, a.attributes), {}, { class: a.classes.join(" ") });
+	var t = e.content, n = e.width, r = e.height, i = e.transform, a = e.extra, o = e.watchable, s = o !== void 0 && o, c = G(G({}, a.attributes), {}, { class: a.classes.join(" ") });
 	s && (c[Bn] = "");
 	var l = G({}, a.styles);
 	Dr(i) && (l.transform = kr({
@@ -2167,7 +2167,7 @@ function Ji(e, t) {
 var Yi = function() {}, Xi = K.measurePerformance && ct && ct.mark && ct.measure ? ct : {
 	mark: Yi,
 	measure: Yi
-}, Zi = "FA \"7.3.0\"", Qi = function(e) {
+}, Zi = "FA \"7.3.1\"", Qi = function(e) {
 	return Xi.mark(`${Zi} ${e} begins`), function() {
 		return $i(e);
 	};
@@ -2399,7 +2399,7 @@ function ka(e) {
 	};
 }
 var Aa = function(e) {
-	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? vr : n, i = t.symbol, a = i === void 0 ? !1 : i, o = t.mask, s = o === void 0 ? null : o, c = t.maskId, l = c === void 0 ? null : c, u = t.classes, d = u === void 0 ? [] : u, f = t.attributes, p = f === void 0 ? {} : f, m = t.styles, h = m === void 0 ? {} : m;
+	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transform, r = n === void 0 ? vr : n, i = t.symbol, a = i !== void 0 && i, o = t.mask, s = o === void 0 ? null : o, c = t.maskId, l = c === void 0 ? null : c, u = t.classes, d = u === void 0 ? [] : u, f = t.attributes, p = f === void 0 ? {} : f, m = t.styles, h = m === void 0 ? {} : m;
 	if (e) {
 		var g = e.prefix, _ = e.iconName, v = e.icon;
 		return Li(G({ type: "icon" }, e), function() {
@@ -2576,7 +2576,7 @@ function Ba(e) {
 	return Gr(qe(e.replace(Fa, ""))[0] || "");
 }
 function Va(e) {
-	var t = e.getPropertyValue("font-feature-settings").includes("ss01"), n = e.getPropertyValue("content").replace(Fa, ""), r = n.codePointAt(0), i = r >= Ia[0] && r <= Ia[1], a = n.length === 2 ? n[0] === n[1] : !1;
+	var t = e.getPropertyValue("font-feature-settings").includes("ss01"), n = e.getPropertyValue("content").replace(Fa, ""), r = n.codePointAt(0), i = r >= Ia[0] && r <= Ia[1], a = n.length === 2 && n[0] === n[1];
 	return i || a || t;
 }
 function Ha(e, t) {
@@ -2658,7 +2658,7 @@ var Ka = function(e) {
 	return t;
 };
 function Ja(e) {
-	var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+	var t = arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
 	if (lt) {
 		var n;
 		if (t) n = e;
@@ -2960,7 +2960,7 @@ ki([
 	{ hooks: function() {
 		return { parseNodeAttributes: function(e, t) {
 			var n = t.getAttribute("data-fa-symbol");
-			return e.symbol = n === null ? !1 : n === "" ? !0 : n, e;
+			return e.symbol = n === null ? !1 : n === "" || n, e;
 		} };
 	} }
 ], { mixoutsTo: Fi }), Fi.noAuto;
@@ -4448,7 +4448,7 @@ function sl(e) {
 var cl = function(e) {
 	return e === !1 ? !1 : !oc() || !e ? null : typeof e == "string" ? document.querySelector(e) : typeof e == "function" ? e() : e;
 }, ll = /*#__PURE__*/ e.forwardRef(function(t, n) {
-	var r = t.open, i = t.autoLock, a = t.getContainer, o = t.debug, s = t.autoDestroy, c = s === void 0 ? !0 : s, l = t.children, u = ac(e.useState(r), 2), d = u[0], f = u[1], p = d || r;
+	var r = t.open, i = t.autoLock, a = t.getContainer, o = t.debug, s = t.autoDestroy, c = s === void 0 || s, l = t.children, u = ac(e.useState(r), 2), d = u[0], f = u[1], p = d || r;
 	process.env.NODE_ENV !== "production" && mc(oc() || !r, "Portal only work in client side. Please call 'useEffect' to show Portal instead default render in SSR."), e.useEffect(function() {
 		(c || r) && f(r);
 	}, [r, c]);
@@ -5166,7 +5166,7 @@ var ad = (function(t, n, r) {
 //#endregion
 //#region node_modules/rc-motion/es/hooks/useStatus.js
 function od(t, n, r, i) {
-	var a = i.motionEnter, o = a === void 0 ? !0 : a, s = i.motionAppear, c = s === void 0 ? !0 : s, u = i.motionLeave, d = u === void 0 ? !0 : u, f = i.motionDeadline, p = i.motionLeaveImmediately, h = i.onAppearPrepare, g = i.onEnterPrepare, _ = i.onLeavePrepare, v = i.onAppearStart, y = i.onEnterStart, b = i.onLeaveStart, x = i.onAppearActive, S = i.onEnterActive, C = i.onLeaveActive, w = i.onAppearEnd, T = i.onEnterEnd, E = i.onLeaveEnd, D = i.onVisibleChanged, O = ac(wu(), 2), k = O[0], A = O[1], j = ac(Tu(Eu), 2), M = j[0], N = j[1], P = ac(wu(null), 2), F = P[0], I = P[1], L = M(), R = m(!1), ee = m(null);
+	var a = i.motionEnter, o = a === void 0 || a, s = i.motionAppear, c = s === void 0 || s, u = i.motionLeave, d = u === void 0 || u, f = i.motionDeadline, p = i.motionLeaveImmediately, h = i.onAppearPrepare, g = i.onEnterPrepare, _ = i.onLeavePrepare, v = i.onAppearStart, y = i.onEnterStart, b = i.onLeaveStart, x = i.onAppearActive, S = i.onEnterActive, C = i.onLeaveActive, w = i.onAppearEnd, T = i.onEnterEnd, E = i.onLeaveEnd, D = i.onVisibleChanged, O = ac(wu(), 2), k = O[0], A = O[1], j = ac(Tu(Eu), 2), M = j[0], N = j[1], P = ac(wu(null), 2), F = P[0], I = P[1], L = M(), R = m(!1), ee = m(null);
 	function z() {
 		return r();
 	}
@@ -5245,7 +5245,7 @@ function sd(t) {
 		return !!(e.motionName && n && t !== !1);
 	}
 	var i = /*#__PURE__*/ e.forwardRef(function(t, n) {
-		var i = t.visible, a = i === void 0 ? !0 : i, o = t.removeOnLeave, s = o === void 0 ? !0 : o, c = t.forceRender, l = t.children, u = t.motionName, d = t.leavedClassName, f = t.eventProps, p = e.useContext(Su).motion, h = r(t, p), g = m(), _ = m();
+		var i = t.visible, a = i === void 0 || i, o = t.removeOnLeave, s = o === void 0 || o, c = t.forceRender, l = t.children, u = t.motionName, d = t.leavedClassName, f = t.eventProps, p = e.useContext(Su).motion, h = r(t, p), g = m(), _ = m();
 		function v() {
 			try {
 				return g.current instanceof HTMLElement ? g.current : ml(_.current);
@@ -5869,7 +5869,7 @@ function Wd(t, n, r, i, a, o, s, c) {
 var Gd = /* @__PURE__ */ "prefixCls.children.action.showAction.hideAction.popupVisible.defaultPopupVisible.onPopupVisibleChange.afterPopupVisibleChange.mouseEnterDelay.mouseLeaveDelay.focusDelay.blurDelay.mask.maskClosable.getPopupContainer.forceRender.autoDestroy.destroyPopupOnHide.popup.popupClassName.popupStyle.popupPlacement.builtinPlacements.popupAlign.zIndex.stretch.getPopupClassNameFromAlign.fresh.alignPoint.onPopupClick.onPopupAlign.arrow.popupMotion.maskMotion.popupTransitionName.popupAnimation.maskTransitionName.maskAnimation.className.getTriggerDOMNode".split(".");
 function Kd() {
 	var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ul, n = /*#__PURE__*/ e.forwardRef(function(n, r) {
-		var i = n.prefixCls, a = i === void 0 ? "rc-trigger-popup" : i, o = n.children, s = n.action, c = s === void 0 ? "hover" : s, l = n.showAction, u = n.hideAction, d = n.popupVisible, f = n.defaultPopupVisible, p = n.onPopupVisibleChange, m = n.afterPopupVisibleChange, h = n.mouseEnterDelay, g = n.mouseLeaveDelay, _ = g === void 0 ? .1 : g, v = n.focusDelay, y = n.blurDelay, b = n.mask, x = n.maskClosable, S = x === void 0 ? !0 : x, C = n.getPopupContainer, w = n.forceRender, T = n.autoDestroy, E = n.destroyPopupOnHide, D = n.popup, O = n.popupClassName, k = n.popupStyle, A = n.popupPlacement, j = n.builtinPlacements, M = j === void 0 ? {} : j, N = n.popupAlign, P = n.zIndex, F = n.stretch, I = n.getPopupClassNameFromAlign, L = n.fresh, R = n.alignPoint, ee = n.onPopupClick, z = n.onPopupAlign, B = n.arrow, V = n.popupMotion, te = n.maskMotion, ne = n.popupTransitionName, H = n.popupAnimation, re = n.maskTransitionName, U = n.maskAnimation, ie = n.className, ae = n.getTriggerDOMNode, oe = $s(n, Gd), se = T || E || !1, ce = ac(e.useState(!1), 2), le = ce[0], ue = ce[1];
+		var i = n.prefixCls, a = i === void 0 ? "rc-trigger-popup" : i, o = n.children, s = n.action, c = s === void 0 ? "hover" : s, l = n.showAction, u = n.hideAction, d = n.popupVisible, f = n.defaultPopupVisible, p = n.onPopupVisibleChange, m = n.afterPopupVisibleChange, h = n.mouseEnterDelay, g = n.mouseLeaveDelay, _ = g === void 0 ? .1 : g, v = n.focusDelay, y = n.blurDelay, b = n.mask, x = n.maskClosable, S = x === void 0 || x, C = n.getPopupContainer, w = n.forceRender, T = n.autoDestroy, E = n.destroyPopupOnHide, D = n.popup, O = n.popupClassName, k = n.popupStyle, A = n.popupPlacement, j = n.builtinPlacements, M = j === void 0 ? {} : j, N = n.popupAlign, P = n.zIndex, F = n.stretch, I = n.getPopupClassNameFromAlign, L = n.fresh, R = n.alignPoint, ee = n.onPopupClick, z = n.onPopupAlign, B = n.arrow, V = n.popupMotion, te = n.maskMotion, ne = n.popupTransitionName, H = n.popupAnimation, re = n.maskTransitionName, U = n.maskAnimation, ie = n.className, ae = n.getTriggerDOMNode, oe = $s(n, Gd), se = T || E || !1, ce = ac(e.useState(!1), 2), le = ce[0], ue = ce[1];
 		Lc(function() {
 			ue(xu());
 		}, []);
@@ -6164,9 +6164,9 @@ var qd = Kd(ul), Jd = {
 	"classNames",
 	"styles"
 ], $d = /* @__PURE__ */ a(function(t, n) {
-	var r = t.overlayClassName, i = t.trigger, a = i === void 0 ? ["hover"] : i, o = t.mouseEnterDelay, s = o === void 0 ? 0 : o, c = t.mouseLeaveDelay, l = c === void 0 ? .1 : c, u = t.overlayStyle, f = t.prefixCls, p = f === void 0 ? "rc-tooltip" : f, h = t.children, g = t.onVisibleChange, _ = t.afterVisibleChange, v = t.transitionName, y = t.animation, b = t.motion, x = t.placement, S = x === void 0 ? "right" : x, C = t.align, w = C === void 0 ? {} : C, T = t.destroyTooltipOnHide, E = T === void 0 ? !1 : T, D = t.defaultVisible, O = t.getTooltipContainer, k = t.overlayInnerStyle;
+	var r = t.overlayClassName, i = t.trigger, a = i === void 0 ? ["hover"] : i, o = t.mouseEnterDelay, s = o === void 0 ? 0 : o, c = t.mouseLeaveDelay, l = c === void 0 ? .1 : c, u = t.overlayStyle, f = t.prefixCls, p = f === void 0 ? "rc-tooltip" : f, h = t.children, g = t.onVisibleChange, _ = t.afterVisibleChange, v = t.transitionName, y = t.animation, b = t.motion, x = t.placement, S = x === void 0 ? "right" : x, C = t.align, w = C === void 0 ? {} : C, T = t.destroyTooltipOnHide, E = T !== void 0 && T, D = t.defaultVisible, O = t.getTooltipContainer, k = t.overlayInnerStyle;
 	t.arrowContent;
-	var A = t.overlay, j = t.id, M = t.showArrow, N = M === void 0 ? !0 : M, P = t.classNames, F = t.styles, I = $s(t, Qd), L = bu(j), R = m(null);
+	var A = t.overlay, j = t.id, M = t.showArrow, N = M === void 0 || M, P = t.classNames, F = t.styles, I = $s(t, Qd), L = bu(j), R = m(null);
 	d(n, function() {
 		return R.current;
 	});
@@ -7273,7 +7273,7 @@ function lp(e, n) {
 		var i = r.language, a = r.children, o = r.style, s = o === void 0 ? n : o, c = r.customStyle, l = c === void 0 ? {} : c, u = r.codeTagProps, d = u === void 0 ? {
 			className: i ? `language-${i}` : void 0,
 			style: Yf(Yf({}, s["code[class*=\"language-\"]"]), s[`code[class*="language-${i}"]`])
-		} : u, f = r.useInlineStyles, p = f === void 0 ? !0 : f, m = r.showLineNumbers, h = m === void 0 ? !1 : m, g = r.showInlineLineNumbers, _ = g === void 0 ? !0 : g, v = r.startingLineNumber, y = v === void 0 ? 1 : v, b = r.lineNumberContainerStyle, x = r.lineNumberStyle, S = x === void 0 ? {} : x, C = r.wrapLines, w = r.wrapLongLines, T = w === void 0 ? !1 : w, E = r.lineProps, D = E === void 0 ? {} : E, O = r.renderer, k = r.PreTag, A = k === void 0 ? "pre" : k, j = r.CodeTag, M = j === void 0 ? "code" : j, N = r.code, P = N === void 0 ? (Array.isArray(a) ? a[0] : a) || "" : N, F = r.astGenerator, I = $s(r, qf);
+		} : u, f = r.useInlineStyles, p = f === void 0 || f, m = r.showLineNumbers, h = m !== void 0 && m, g = r.showInlineLineNumbers, _ = g === void 0 || g, v = r.startingLineNumber, y = v === void 0 ? 1 : v, b = r.lineNumberContainerStyle, x = r.lineNumberStyle, S = x === void 0 ? {} : x, C = r.wrapLines, w = r.wrapLongLines, T = w !== void 0 && w, E = r.lineProps, D = E === void 0 ? {} : E, O = r.renderer, k = r.PreTag, A = k === void 0 ? "pre" : k, j = r.CodeTag, M = j === void 0 ? "code" : j, N = r.code, P = N === void 0 ? (Array.isArray(a) ? a[0] : a) || "" : N, F = r.astGenerator, I = $s(r, qf);
 		F ||= e;
 		var L = h ? /*#__PURE__*/ t.createElement($f, {
 			containerStyle: b,
@@ -8560,7 +8560,7 @@ function lm(e) {
 	let t = "&" + e + ";";
 	cm.innerHTML = t;
 	let n = cm.textContent;
-	return n.charCodeAt(n.length - 1) === 59 && e !== "semi" || n === t ? !1 : n;
+	return n.charCodeAt(n.length - 1) === 59 && e !== "semi" ? !1 : n !== t && n;
 }
 //#endregion
 //#region node_modules/parse-entities/lib/index.js
@@ -8599,7 +8599,7 @@ function dm(e, t) {
 		let x = e.charCodeAt(l) === 59;
 		if (x) {
 			l++;
-			let e = u === "named" ? lm(y) : !1;
+			let e = u === "named" && lm(y);
 			e && (_ = y, v = e);
 		}
 		let S = 1 + l - o, C = "";
@@ -13599,6 +13599,7 @@ function S_({ data: e = [], columns: n = [], defaultSortColNum: r = void 0, comp
 				cols: M,
 				size: p,
 				searchValue: P,
+				searchBarIsWholeWidth: d === "searchbar",
 				filterCount: te.length,
 				dataCount: e.length,
 				hideSearch: u,
@@ -13608,7 +13609,7 @@ function S_({ data: e = [], columns: n = [], defaultSortColNum: r = void 0, comp
 				sortColNum: L,
 				onSortIndexChanged: R,
 				tableID: N,
-				children: d
+				children: d === "searchbar" ? void 0 : d
 			}),
 			/* @__PURE__ */ b(C_, {
 				searchTerm: I,
@@ -13699,34 +13700,34 @@ function T_({ rowClass: e, rowKey: n, columns: r, item: i, onRowSelected: a, onR
 		})
 	});
 }
-function E_({ children: e = void 0, searchValue: t, filterCount: n, dataCount: r, searchPlaceholder: i, cols: a, size: o, sortColNum: s, hideSearch: c, sticky: l, tableID: u, onSortIndexChanged: d, onSearchValueChanged: f, infoMessage: p }) {
-	let m = c ? a.length : Math.ceil(a.filter((e) => !e.hidden).length / 2), h = c ? 0 : a.length - m;
-	function g(e, t) {
-		let n = t + 1, r = a[t];
-		r && r.sort && (Math.abs(s) === n ? d(s * -1) : s !== n && d(n));
+function E_({ children: e = void 0, searchValue: t, filterCount: n, dataCount: r, searchPlaceholder: i, searchBarIsWholeWidth: a, cols: o, size: s, sortColNum: c, hideSearch: l, sticky: u, tableID: d, onSortIndexChanged: f, onSearchValueChanged: p, infoMessage: m }) {
+	let h = l ? o.length : Math.ceil(o.filter((e) => !e.hidden).length / 2), g = l ? 0 : a ? o.length : o.length - h;
+	function _(e, t) {
+		let n = t + 1, r = o[t];
+		r && r.sort && (Math.abs(c) === n ? f(c * -1) : c !== n && f(n));
 	}
 	return /* @__PURE__ */ x("thead", {
-		className: l === "all" ? "is-sticky-head" : void 0,
+		className: u === "all" ? "is-sticky-head" : void 0,
 		children: [/* @__PURE__ */ x("tr", {
 			role: "header-row",
-			children: [/* @__PURE__ */ b("th", {
-				colSpan: m,
-				children: e
-			}), !c && /* @__PURE__ */ b("th", {
+			children: [e && /* @__PURE__ */ b("th", {
 				colSpan: h,
+				children: e
+			}), !l && /* @__PURE__ */ b("th", {
+				colSpan: g,
 				children: /* @__PURE__ */ x("div", {
 					title: i,
 					className: "control has-icons-left",
 					children: [/* @__PURE__ */ b(Ah, {
-						size: o,
+						size: s,
 						type: "text",
-						name: `lbr-datatable-search-${u}`,
-						id: `lbr-datatable-search-${u}`,
-						optionListId: `lbr-datatable-datalist-${u}`,
+						name: `lbr-datatable-search-${d}`,
+						id: `lbr-datatable-search-${d}`,
+						optionListId: `lbr-datatable-datalist-${d}`,
 						placeholder: i,
 						value: t,
-						onValueChanged: f,
-						infoMessage: p(n, r, t)
+						onValueChanged: p,
+						infoMessage: m(n, r, t)
 					}), /* @__PURE__ */ b("span", {
 						className: "icon is-small is-left",
 						children: /* @__PURE__ */ b(Io, { icon: Uo })
@@ -13735,17 +13736,17 @@ function E_({ children: e = void 0, searchValue: t, filterCount: n, dataCount: r
 			})]
 		}), /* @__PURE__ */ b("tr", {
 			role: "header-row",
-			className: l === "header" ? "is-sticky-row" : void 0,
-			children: a.map((e, t) => {
+			className: u === "header" ? "is-sticky-row" : void 0,
+			children: o.map((e, t) => {
 				if (e.hidden) return null;
-				let n = e.sort !== void 0, r = Math.abs(s) - 1 === t, i;
+				let n = e.sort !== void 0, r = Math.abs(c) - 1 === t, i;
 				i = e.header || e.header === "" ? e.header : typeof e.value == "string" ? e.value : e.value.toString();
 				let a = `${cf(e.alignment ?? "l")} mx-0 px-1`, o = _s;
-				return r && s > 0 ? o = qo : r && s < 0 && (o = Us), /* @__PURE__ */ x("th", {
+				return r && c > 0 ? o = qo : r && c < 0 && (o = Us), /* @__PURE__ */ x("th", {
 					role: "sort-col",
 					style: { cursor: n ? "pointer" : void 0 },
 					className: a,
-					onClick: (e) => g(e, t),
+					onClick: (e) => _(e, t),
 					children: [n && /* @__PURE__ */ x("span", {
 						className: "icon-text mx-0 px-0",
 						role: "icon-with-text",
@@ -15268,7 +15269,7 @@ var Pv = ({ size: e = "m", id: n, itemRef: r, className: i, activeStepIndex: a,
 		children: t.Children.map(s, (e, t) => {
 			if (e.type && e.type === Pv.Item) {
 				let n = !0;
-				return n = p === "allowed" || p === "down" && t < l || p === "up" && t > l ? !1 : p === "neighbours" ? t !== l + 1 && t !== l - 1 : !0, /* @__PURE__ */ b(Fv, {
+				return n = p === "allowed" || p === "down" && t < l || p === "up" && t > l ? !1 : p !== "neighbours" || t !== l + 1 && t !== l - 1, /* @__PURE__ */ b(Fv, {
 					...e.props,
 					activeStep: l,
 					stepKey: t,
@@ -16787,31 +16788,34 @@ function Gy({ id: e, label: n, name: r, size: i, direction: a, required: o = !1,
 		})
 	});
 }
-function Ky({ helpTag: e, errorMessage: n = "", infoMessage: r = "", label: i, disabled: a = !1, keyboardType: o = "text", title: s, name: c, value: l = !1, required: u = !1, spellCheck: d = !1, id: f, autoComplete: p = "off", readonly: m = !1, autofocus: h = !1, form: g = void 0, inputRef: _, onBlur: v, onChange: y, onFocus: S, onKeyDown: C, onKeyUp: w, onValueChanged: T, size: E, alignment: D, color: O = void 0, infoDataEl: k }) {
-	let [A, j] = t.useState(!1), [M, N] = t.useState(!1), [P, F] = t.useState(!1), { defaults: I } = t.useContext(yh), { scheme: L } = Ne();
-	O === void 0 && L === "dark" && (O = "light"), O === void 0 && L === "light" && (O = "dark");
-	let R = E ?? I.input.size, ee = D ?? I.input.alignment, z = typeof n == "string" ? n : n({
+function Ky({ helpTag: e, errorMessage: n = "", infoMessage: r = "", label: i, disabled: a = !1, keyboardType: o = "text", title: s, name: c, value: l = !1, required: u = !1, spellCheck: d = !1, id: f, autoComplete: p = "off", readonly: m = !1, autofocus: h = !1, form: g = void 0, inputRef: _, onBlur: v, onChange: y, onFocus: S, onKeyDown: C, onKeyUp: w, onValueChanged: T, onDblClick: E, size: D, alignment: O, color: k = void 0, infoDataEl: A }) {
+	let [j, M] = t.useState(!1), [N, P] = t.useState(!1), [F, I] = t.useState(!1), { defaults: L } = t.useContext(yh), { scheme: R } = Ne();
+	k === void 0 && R === "dark" && (k = "light"), k === void 0 && R === "light" && (k = "dark");
+	let ee = D ?? L.input.size, z = O ?? L.input.alignment, B = typeof n == "string" ? n : n({
 		value: l,
-		touched: A,
-		focused: P,
+		touched: j,
+		focused: F,
 		required: u,
 		disabled: a,
 		readonly: m
-	}), B = typeof r == "string" ? r : r(l), V = "is-checkradio";
-	V += uf(R), V += cf(ee), V += nf(O), m && (V += " is-static");
-	function te(e) {
-		A || j(!0), v && v(e), F(!1);
-	}
+	}), V = typeof r == "string" ? r : r(l), te = "is-checkradio";
+	te += uf(ee), te += cf(z), te += nf(k), m && (te += " is-static");
 	function ne(e) {
-		A || j(!0), T && T(e.target.checked), y && y(e);
+		j || M(!0), v && v(e), I(!1);
 	}
-	function H(t) {
-		S && S(t, e), F(!0);
+	function H(e) {
+		j || M(!0), T && T(e.target.checked), y && y(e);
+	}
+	function re(t) {
+		S && S(t, e), I(!0);
+	}
+	function U(e) {
+		j || M(!0), E && E(e);
 	}
 	return /* @__PURE__ */ x(t.Fragment, { children: [
 		/* @__PURE__ */ b("input", {
 			type: "checkbox",
-			className: V,
+			className: te,
 			id: f ?? c,
 			ref: _,
 			name: c,
@@ -16827,29 +16831,30 @@ function Ky({ helpTag: e, errorMessage: n = "", infoMessage: r = "", label: i, d
 			disabled: a,
 			onKeyDown: C,
 			onKeyUp: w,
-			onBlur: te,
-			onChange: ne,
-			onFocus: H,
-			onMouseEnter: () => N(!0),
-			onMouseLeave: () => N(!1)
+			onBlur: ne,
+			onChange: H,
+			onFocus: re,
+			onDoubleClick: U,
+			onMouseEnter: () => P(!0),
+			onMouseLeave: () => P(!1)
 		}),
 		/* @__PURE__ */ x("label", {
 			htmlFor: f ?? c,
-			onMouseEnter: () => N(!0),
-			onMouseLeave: () => N(!1),
+			onMouseEnter: () => P(!0),
+			onMouseLeave: () => P(!1),
 			children: [
 				i ?? c,
 				" ",
-				k
+				A
 			]
 		}),
-		z.length > 0 && /* @__PURE__ */ b("p", {
+		B.length > 0 && /* @__PURE__ */ b("p", {
 			className: "help is-danger",
-			children: z
+			children: B
 		}),
-		B.length > 0 && /* @__PURE__ */ b("p", {
+		V.length > 0 && /* @__PURE__ */ b("p", {
 			className: "help is-info",
-			children: B
+			children: V
 		})
 	] });
 }
@@ -24397,7 +24402,7 @@ function mO(e, t, n) {
 		topOpen: !0,
 		from: i,
 		to: a,
-		preserveWhitespace: p.parent.type.whitespace == "pre" ? "full" : !0,
+		preserveWhitespace: p.parent.type.whitespace != "pre" || "full",
 		findPositions: l,
 		ruleFromNode: hO,
 		context: p
@@ -25142,7 +25147,7 @@ function uk(e) {
 }
 function dk(e, t, n = { strict: !0 }) {
 	let r = Object.keys(t);
-	return r.length ? r.every((r) => n.strict ? t[r] === e[r] : uk(t[r]) ? t[r].test(e[r]) : t[r] === e[r]) : !0;
+	return !r.length || r.every((r) => n.strict ? t[r] === e[r] : uk(t[r]) ? t[r].test(e[r]) : t[r] === e[r]);
 }
 function fk(e, t, n = {}) {
 	return e.find((e) => e.type === t && dk(Object.fromEntries(Object.keys(n).map((t) => [t, e.attrs[t]])), n));
@@ -25217,7 +25222,7 @@ function Sk() {
 	].includes(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
 }
 function Ck() {
-	return typeof navigator < "u" ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent) : !1;
+	return typeof navigator < "u" && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 }
 var wk = (e = null, t = {}) => ({ editor: n, view: r, tr: i, dispatch: a }) => {
 	t = {
@@ -25393,7 +25398,7 @@ var jk = (e) => !("type" in e), Mk = (e, t, n) => ({ tr: r, dispatch: i, editor:
 	}
 }, zk = () => ({ state: e, dispatch: t }) => SC(e, t), Bk = () => ({ state: e, dispatch: t }) => CC(e, t);
 function Vk() {
-	return typeof navigator < "u" ? /Mac/.test(navigator.platform) : !1;
+	return typeof navigator < "u" && /Mac/.test(navigator.platform);
 }
 function Hk(e) {
 	let t = e.split(/-(?!$)/), n = t[t.length - 1];
@@ -25443,7 +25448,7 @@ function Wk(e, t, n = {}) {
 			to: a
 		});
 	});
-	let c = i - r, l = s.filter((e) => o ? o.name === e.node.type.name : !0).filter((e) => dk(e.node.attrs, n, { strict: !1 }));
+	let c = i - r, l = s.filter((e) => !o || o.name === e.node.type.name).filter((e) => dk(e.node.attrs, n, { strict: !1 }));
 	return a ? !!l.length : l.reduce((e, t) => e + t.to - t.from, 0) >= c;
 }
 var Gk = (e, t = {}) => ({ state: n, dispatch: r }) => Wk(n, ik(e, n.schema), t) ? PC(n, r) : !1, Kk = () => ({ state: e, dispatch: t }) => zC(e, t), qk = (e) => ({ state: t, dispatch: n }) => aw(ik(e, t.schema))(t, n), Jk = () => ({ state: e, dispatch: t }) => FC(e, t);
@@ -25691,7 +25696,7 @@ function CA(e, t) {
 	return t.filter((t) => t.type === e.type.name).filter((e) => e.attribute.rendered).map((t) => t.attribute.renderHTML ? t.attribute.renderHTML(e.attrs) || {} : { [t.name]: e.attrs[t.name] }).reduce((e, t) => SA(e, t), {});
 }
 function wA(e) {
-	return typeof e == "string" ? e.match(/^[+-]?(?:\d*\.)?\d+$/) ? Number(e) : e === "true" ? !0 : e === "false" ? !1 : e : e;
+	return typeof e == "string" ? e.match(/^[+-]?(?:\d*\.)?\d+$/) ? Number(e) : e === "true" || e !== "false" && e : e;
 }
 function TA(e, t) {
 	return "style" in e ? e : {
@@ -25933,7 +25938,7 @@ var WA = (e, t = 500) => {
 };
 function GA(e, t, n = {}) {
 	let { empty: r, ranges: i } = e.selection, a = t ? hk(t, e.schema) : null;
-	if (r) return !!(e.storedMarks || e.selection.$from.marks()).filter((e) => a ? a.name === e.type.name : !0).find((e) => dk(e.attrs, n, { strict: !1 }));
+	if (r) return !!(e.storedMarks || e.selection.$from.marks()).filter((e) => !a || a.name === e.type.name).find((e) => dk(e.attrs, n, { strict: !1 }));
 	let o = 0, s = [];
 	if (i.forEach(({ $from: t, $to: n }) => {
 		let r = t.pos, i = n.pos;
@@ -25948,13 +25953,13 @@ function GA(e, t, n = {}) {
 			})));
 		});
 	}), o === 0) return !1;
-	let c = s.filter((e) => a ? a.name === e.mark.type.name : !0).filter((e) => dk(e.mark.attrs, n, { strict: !1 })).reduce((e, t) => e + t.to - t.from, 0), l = s.filter((e) => a ? e.mark.type !== a && e.mark.type.excludes(a) : !0).reduce((e, t) => e + t.to - t.from, 0);
+	let c = s.filter((e) => !a || a.name === e.mark.type.name).filter((e) => dk(e.mark.attrs, n, { strict: !1 })).reduce((e, t) => e + t.to - t.from, 0), l = s.filter((e) => !a || e.mark.type !== a && e.mark.type.excludes(a)).reduce((e, t) => e + t.to - t.from, 0);
 	return (c > 0 ? c + l : c) >= o;
 }
 function KA(e, t, n = {}) {
 	if (!t) return Wk(e, null, n) || GA(e, null, n);
 	let r = Yk(t, e.schema);
-	return r === "node" ? Wk(e, t, n) : r === "mark" ? GA(e, t, n) : !1;
+	return r === "node" ? Wk(e, t, n) : r === "mark" && GA(e, t, n);
 }
 var qA = (e, t) => {
 	let { $from: n, $to: r, $anchor: i } = e.selection;
@@ -25980,7 +25985,7 @@ function XA(e, t) {
 		options: r.options,
 		storage: r.storage
 	}));
-	return typeof i == "string" ? i.split(" ").includes("list") : !1;
+	return typeof i == "string" && i.split(" ").includes("list");
 }
 function ZA(e, { checkChildren: t = !0, ignoreWhitespace: n = !1 } = {}) {
 	if (n) {
@@ -26033,7 +26038,7 @@ function nj(e, t, n) {
 	}
 	let { ranges: a } = r;
 	return a.some(({ $from: t, $to: r }) => {
-		let i = t.depth === 0 ? e.doc.inlineContent && e.doc.type.allowsMarkType(n) : !1;
+		let i = t.depth === 0 && e.doc.inlineContent && e.doc.type.allowsMarkType(n);
 		return e.doc.nodesBetween(t.pos, r.pos, (e, t, r) => {
 			if (i) return !1;
 			if (e.isInline) {
@@ -26437,7 +26442,7 @@ function Mj(e) {
 	return Object.prototype.toString.call(e).slice(8, -1);
 }
 function Nj(e) {
-	return Mj(e) === "Object" ? e.constructor === Object && Object.getPrototypeOf(e) === Object.prototype : !1;
+	return Mj(e) === "Object" && e.constructor === Object && Object.getPrototypeOf(e) === Object.prototype;
 }
 function Pj(e, t) {
 	let n = { ...e };
@@ -26892,7 +26897,7 @@ var Gj = class e extends Fj {
 			let i = r.mapping;
 			r.steps.forEach((t, n) => {
 				if (t instanceof Xx) {
-					let a = i.slice(n).map(t.from, -1), o = i.slice(n).map(t.to), s = i.invert().map(a, -1), c = i.invert().map(o), l = a > 0 ? r.doc.nodeAt(a - 1)?.marks.some((e) => e.eq(t.mark)) : !1, u = r.doc.nodeAt(o)?.marks.some((e) => e.eq(t.mark));
+					let a = i.slice(n).map(t.from, -1), o = i.slice(n).map(t.to), s = i.invert().map(a, -1), c = i.invert().map(o), l = a > 0 && r.doc.nodeAt(a - 1)?.marks.some((e) => e.eq(t.mark)), u = r.doc.nodeAt(o)?.marks.some((e) => e.eq(t.mark));
 					this.editor.emit("delete", {
 						type: "mark",
 						mark: t.mark,
@@ -27346,7 +27351,7 @@ var oM = class extends Dj {
 			eM,
 			Jj,
 			nM.configure({ direction: this.options.textDirection })
-		].filter((e) => typeof this.options.enableCoreExtensions == "object" ? this.options.enableCoreExtensions[e.name] !== !1 : !0) : [], ...this.options.extensions].filter((e) => [
+		].filter((e) => typeof this.options.enableCoreExtensions != "object" || this.options.enableCoreExtensions[e.name] !== !1) : [], ...this.options.extensions].filter((e) => [
 			"extension",
 			"node",
 			"mark"
@@ -27617,7 +27622,7 @@ var dM = (e) => "touches" in e, fM = class {
 		e !== this.lastEditableState && (this.lastEditableState = e, e ? e && this.handleMap.size === 0 && this.attachHandles() : this.removeHandles());
 	}
 	update(e, t, n) {
-		return e.type === this.node.type ? (this.node = e, this.onUpdate ? this.onUpdate(e, t, n) : !0) : !1;
+		return e.type === this.node.type ? (this.node = e, !this.onUpdate || this.onUpdate(e, t, n)) : !1;
 	}
 	destroy() {
 		this.isResizing && (this.container.dataset.resizeState = "false", this.classNames.resizing && this.container.classList.remove(this.classNames.resizing), document.removeEventListener("mousemove", this.handleMouseMove), document.removeEventListener("mouseup", this.handleMouseUp), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("keyup", this.handleKeyUp), this.isResizing = !1, this.activeHandle = null), this.editor.off("update", this.handleEditorUpdate.bind(this)), this.container.remove();
@@ -28175,7 +28180,7 @@ function _N({ areArrayBuffersEqual: e, areArraysEqual: t, areDataViewsEqual: n,
 		if (h == null || g == null) return !1;
 		let v = typeof h;
 		if (v !== typeof g) return !1;
-		if (v !== "object") return v === "number" ? s(h, g, _) : v === "function" ? a(h, g, _) : !1;
+		if (v !== "object") return v === "number" ? s(h, g, _) : v === "function" && a(h, g, _);
 		let y = h.constructor;
 		if (y !== g.constructor) return !1;
 		if (y === Object) return c(h, g, _);
@@ -28542,7 +28547,7 @@ var PN = process.env.NODE_ENV !== "production", FN = typeof window > "u", IN = F
 			"onContentError",
 			"onDrop",
 			"onPaste"
-		].includes(n) ? !0 : n === "extensions" && e.extensions && t.extensions ? e.extensions.length === t.extensions.length ? e.extensions.every((e, n) => e === t.extensions?.[n]) : !1 : e[n] === t[n]);
+		].includes(n) ? !0 : n === "extensions" && e.extensions && t.extensions ? e.extensions.length === t.extensions.length && e.extensions.every((e, n) => e === t.extensions?.[n]) : e[n] === t[n]);
 	}
 	onRender(t) {
 		return () => (this.isComponentMounted = !0, clearTimeout(this.scheduledDestructionTimeout), this.editor && !this.editor.isDestroyed && t.length === 0 ? e.compareOptions(this.options.current, this.editor.options) || this.editor.setOptions({
@@ -28830,7 +28835,7 @@ var tP = wM.create({
 		return [{ tag: "sub" }, {
 			style: "vertical-align",
 			getAttrs(e) {
-				return e === "sub" ? null : !1;
+				return e === "sub" && null;
 			}
 		}];
 	},
@@ -28860,7 +28865,7 @@ var tP = wM.create({
 		return [{ tag: "sup" }, {
 			style: "vertical-align",
 			getAttrs(e) {
-				return e === "super" ? null : !1;
+				return e === "super" && null;
 			}
 		}];
 	},
@@ -31369,7 +31374,7 @@ function aR(e) {
 						...e,
 						from: s + e.start + 1,
 						to: s + e.end + 1
-					})).filter((e) => r.schema.marks.code ? !r.doc.rangeHasMark(e.from, e.to, r.schema.marks.code) : !0).filter((t) => e.validate(t.value)).filter((t) => e.shouldAutoLink(t.value)).forEach((t) => {
+					})).filter((e) => !r.schema.marks.code || !r.doc.rangeHasMark(e.from, e.to, r.schema.marks.code)).filter((t) => e.validate(t.value)).filter((t) => e.shouldAutoLink(t.value)).forEach((t) => {
 						BA(t.from, t.to, r.doc).some((t) => t.mark.type === e.type) || o.addMark(t.from, t.to, e.type.create({ href: t.href }));
 					});
 				}
@@ -31589,7 +31594,7 @@ var lR = Ij.create({
 		})), e.push(oR({
 			type: this.type,
 			editor: this.editor,
-			openOnClick: this.options.openOnClick === "whenNotEditable" ? !0 : this.options.openOnClick,
+			openOnClick: this.options.openOnClick === "whenNotEditable" || this.options.openOnClick,
 			enableClickSelection: this.options.enableClickSelection
 		})), this.options.linkOnPaste && e.push(sR({
 			editor: this.editor,
@@ -35149,7 +35154,7 @@ function ZV(e) {
 	return BV(NV(e)) === 1;
 }
 function QV(e, t) {
-	return SV.has(e) ? HV(t) : CV.has(e) ? UV(t) : wV.has(e) ? WV(t) : TV.has(e) ? GV(t) : EV.has(e) ? KV(t) : DV.has(e) ? qV(t) : OV.has(e) ? JV(t) : kV.has(e) ? YV(t) : AV.has(e) ? XV(t) : jV.has(e) ? ZV(t) : !0;
+	return SV.has(e) ? HV(t) : CV.has(e) ? UV(t) : wV.has(e) ? WV(t) : TV.has(e) ? GV(t) : EV.has(e) ? KV(t) : DV.has(e) ? qV(t) : OV.has(e) ? JV(t) : kV.has(e) ? YV(t) : AV.has(e) ? XV(t) : !jV.has(e) || ZV(t);
 }
 function $V(e, t) {
 	try {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "loon-bulma-react",
   "private": false,
-  "version": "2026.0.58",
+  "version": "2026.0.60",
   "description": "Bulma & React componenten voor Loon Salarissoftware",
   "type": "module",
   "license": "MIT",
@@ -26,8 +26,8 @@
     "prepublishOnly": "npm run lib:build"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^7.3.0",
-    "@fortawesome/free-solid-svg-icons": "^7.3.0",
+    "@fortawesome/fontawesome-svg-core": "^7.3.1",
+    "@fortawesome/free-solid-svg-icons": "^7.3.1",
     "@fortawesome/react-fontawesome": "^3.4.0",
     "@tiptap/extension-bold": "^3.22.4",
     "@tiptap/extension-bullet-list": "^3.22.4",
@@ -56,19 +56,19 @@
     "@tiptap/extension-text-style": "^3.22.4",
     "@tiptap/extension-underline": "^3.22.4",
     "@tiptap/react": "^3.22.4",
-    "@vitejs/plugin-react": "^6.0.3",
+    "@vitejs/plugin-react": "^6.0.4",
     "bulma": "^1.0.4",
     "date-fns": "^4.4.0",
-    "npm": "^12.0.0",
+    "npm": "^12.0.1",
     "rc-tooltip": "^6.4.0",
-    "react-is": "^19.2.7",
+    "react-is": "^19.2.8",
     "react-syntax-highlighter": "^16.1.1"
   },
   "devDependencies": {
     "@eslint/compat": "^2.1.0",
-    "@eslint/eslintrc": "^3.3.4",
+    "@eslint/eslintrc": "^3.3.6",
     "@eslint/js": "^9.39.2",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "^26.1.1",
@@ -77,7 +77,7 @@
     "@types/react-is": "^19.2.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@typescript-eslint/parser": "^8.62.0",
-    "@vitejs/plugin-react-swc": "^4.3.1",
+    "@vitejs/plugin-react-swc": "^4.3.2",
     "@vitest/ui": "^4.1.10",
     "esbuild": "^0.28.1",
     "eslint": "^9.39.2",
@@ -92,15 +92,15 @@
     "eslint-plugin-standard": "^5.0.0",
     "eslint-plugin-testing-library": "^7.16.0",
     "globals": "^17.7.0",
-    "happy-dom": "^20.10.6",
-    "prettier": "^3.9.5",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "happy-dom": "^20.11.0",
+    "prettier": "^3.9.6",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "rollup-plugin-copy": "^3.5.0",
-    "sass": "^1.101.0",
+    "sass": "^1.101.3",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.63.0",
-    "vite": "^8.1.4",
+    "typescript-eslint": "^8.65.0",
+    "vite": "^8.1.5",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-tsconfig-paths": "^6.1.1",
     "vitest": "^4.1.10"