@reykjavik/hanna-react 0.10.53

package/lib/SiteSearchAutocomplete.cjs

@@ -0,0 +1,150 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SiteSearchAutocomplete_exports = {};
+__export(SiteSearchAutocomplete_exports, {
+  default: () => SiteSearchAutocomplete_default,
+  defaultSiteSearchACTexts: () => defaultSiteSearchACTexts
+});
+module.exports = __toCommonJS(SiteSearchAutocomplete_exports);
+var import_react = __toESM(require("react"));
+var import_react_autosuggest = __toESM(require("react-autosuggest"));
+var import_i18n = require("@reykjavik/hanna-utils/i18n");
+var import_SiteSearchInput = __toESM(require("./SiteSearchInput"));
+const defaultSiteSearchACTexts = {
+  is: {
+    lang: "is",
+    label: "Leit \xE1 vefnum",
+    inputLabel: "Leitaror\xF0",
+    placeholder: "Sl\xE1\xF0u inn leitaror\xF0",
+    suggestionsLabel: "Till\xF6gur"
+  },
+  en: {
+    lang: "en",
+    label: "Site search",
+    inputLabel: "Search terms",
+    placeholder: "Enter search terms",
+    suggestionsLabel: "Suggestions"
+  }
+};
+const SiteSearchAutocomplete = (props) => {
+  const {
+    suggestions,
+    setSuggestions,
+    renderSuggestion,
+    getSuggestionValue,
+    onSuggestionsFetchRequested,
+    onSuggestionSelected,
+    onSuggestionHighlighted,
+    onSubmit,
+    onButtonClick = onSubmit,
+    bem = "SiteSearchAutocomplete"
+  } = props;
+  const [value, setValue] = (0, import_react.useState)("");
+  const inputRef = (0, import_react.createRef)();
+  const txt = (0, import_i18n.getTexts)(props, defaultSiteSearchACTexts);
+  return /* @__PURE__ */ import_react.default.createElement(import_react_autosuggest.default, {
+    theme: {
+      container: bem,
+      containerOpen: bem + "--open",
+      suggestionsContainer: bem + "__container",
+      suggestionsContainerOpen: bem + "__container--open",
+      suggestionsList: bem + "__list",
+      suggestion: bem + "__item",
+      suggestionHighlighted: bem + "__item--highlighted"
+    },
+    focusInputOnSuggestionClick: true,
+    suggestions,
+    onSuggestionsClearRequested: () => setSuggestions([]),
+    onSuggestionsFetchRequested,
+    getSuggestionValue,
+    onSuggestionSelected,
+    onSuggestionHighlighted,
+    renderSuggestion,
+    containerProps: { "aria-label": txt.label },
+    renderSuggestionsContainer: ({ containerProps, children }) => /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
+      "aria-label": txt.suggestionsLabel
+    }), children),
+    inputProps: {
+      ref: inputRef,
+      value,
+      onChange: (_, { newValue }) => {
+        setValue(newValue);
+      }
+    },
+    renderInputComponent: (inputProps) => {
+      const _a = inputProps, {
+        className,
+        type,
+        disabled,
+        readOnly,
+        required,
+        children
+      } = _a, siteSearchProps = __objRest(_a, [
+        "className",
+        "type",
+        "disabled",
+        "readOnly",
+        "required",
+        "children"
+      ]);
+      return /* @__PURE__ */ import_react.default.createElement(import_SiteSearchInput.default, __spreadProps(__spreadValues({}, siteSearchProps), {
+        label: props.label || txt.inputLabel,
+        placeholder: txt.placeholder,
+        onSubmit: onSubmit && (() => onSubmit(value)),
+        onButtonClick: onButtonClick && (() => onButtonClick(value))
+      }));
+    }
+  });
+};
+var SiteSearchAutocomplete_default = SiteSearchAutocomplete;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defaultSiteSearchACTexts
+});

package/lib/SiteSearchAutocomplete.mjs

@@ -0,0 +1,126 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React, { createRef, useState } from "react";
+import Autosuggest from "react-autosuggest";
+import { getTexts } from "@reykjavik/hanna-utils/i18n";
+import SiteSearchInput from "./SiteSearchInput";
+const defaultSiteSearchACTexts = {
+  is: {
+    lang: "is",
+    label: "Leit \xE1 vefnum",
+    inputLabel: "Leitaror\xF0",
+    placeholder: "Sl\xE1\xF0u inn leitaror\xF0",
+    suggestionsLabel: "Till\xF6gur"
+  },
+  en: {
+    lang: "en",
+    label: "Site search",
+    inputLabel: "Search terms",
+    placeholder: "Enter search terms",
+    suggestionsLabel: "Suggestions"
+  }
+};
+const SiteSearchAutocomplete = (props) => {
+  const {
+    suggestions,
+    setSuggestions,
+    renderSuggestion,
+    getSuggestionValue,
+    onSuggestionsFetchRequested,
+    onSuggestionSelected,
+    onSuggestionHighlighted,
+    onSubmit,
+    onButtonClick = onSubmit,
+    bem = "SiteSearchAutocomplete"
+  } = props;
+  const [value, setValue] = useState("");
+  const inputRef = createRef();
+  const txt = getTexts(props, defaultSiteSearchACTexts);
+  return /* @__PURE__ */ React.createElement(Autosuggest, {
+    theme: {
+      container: bem,
+      containerOpen: bem + "--open",
+      suggestionsContainer: bem + "__container",
+      suggestionsContainerOpen: bem + "__container--open",
+      suggestionsList: bem + "__list",
+      suggestion: bem + "__item",
+      suggestionHighlighted: bem + "__item--highlighted"
+    },
+    focusInputOnSuggestionClick: true,
+    suggestions,
+    onSuggestionsClearRequested: () => setSuggestions([]),
+    onSuggestionsFetchRequested,
+    getSuggestionValue,
+    onSuggestionSelected,
+    onSuggestionHighlighted,
+    renderSuggestion,
+    containerProps: { "aria-label": txt.label },
+    renderSuggestionsContainer: ({ containerProps, children }) => /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
+      "aria-label": txt.suggestionsLabel
+    }), children),
+    inputProps: {
+      ref: inputRef,
+      value,
+      onChange: (_, { newValue }) => {
+        setValue(newValue);
+      }
+    },
+    renderInputComponent: (inputProps) => {
+      const _a = inputProps, {
+        className,
+        type,
+        disabled,
+        readOnly,
+        required,
+        children
+      } = _a, siteSearchProps = __objRest(_a, [
+        "className",
+        "type",
+        "disabled",
+        "readOnly",
+        "required",
+        "children"
+      ]);
+      return /* @__PURE__ */ React.createElement(SiteSearchInput, __spreadProps(__spreadValues({}, siteSearchProps), {
+        label: props.label || txt.inputLabel,
+        placeholder: txt.placeholder,
+        onSubmit: onSubmit && (() => onSubmit(value)),
+        onButtonClick: onButtonClick && (() => onButtonClick(value))
+      }));
+    }
+  });
+};
+var SiteSearchAutocomplete_default = SiteSearchAutocomplete;
+export {
+  SiteSearchAutocomplete_default as default,
+  defaultSiteSearchACTexts
+};

package/lib/SiteSearchCurtain.cjs

@@ -0,0 +1,78 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SiteSearchCurtain_exports = {};
+__export(SiteSearchCurtain_exports, {
+  default: () => SiteSearchCurtain_default
+});
+module.exports = __toCommonJS(SiteSearchCurtain_exports);
+var import_react = __toESM(require("react"));
+var import_hooks = require("@hugsmidjan/react/hooks");
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_env = require("./utils/env");
+const SiteSearchCurtain = (props) => {
+  const [focused, setFocused] = (0, import_react.useState)(false);
+  let blurTimeout;
+  (0, import_hooks.useOnMount)(() => {
+    const closeSearch = (e) => {
+      if (e.key === "Escape") {
+        setFocused(false);
+      }
+    };
+    document.addEventListener("keyup", closeSearch);
+    return () => {
+      document.removeEventListener("keyup", closeSearch);
+    };
+  });
+  const focusHandler = () => {
+    blurTimeout && clearTimeout(blurTimeout);
+    setFocused(true);
+  };
+  const blurHandler = (e) => {
+    if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget)) {
+      blurTimeout = setTimeout(() => {
+        setFocused(false);
+        blurTimeout = void 0;
+      }, 100);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({
+    className: (0, import_getBemClass.default)("SiteSearchCurtain", [focused && "focused"]),
+    onFocus: focusHandler,
+    onBlur: blurHandler
+  }, import_env.isPreact && { onfocusin: focusHandler, onfocusout: blurHandler }), props.children);
+};
+var SiteSearchCurtain_default = SiteSearchCurtain;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/SiteSearchCurtain.mjs

@@ -0,0 +1,56 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import React, { useState } from "react";
+import { useOnMount } from "@hugsmidjan/react/hooks";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import { isPreact } from "./utils/env";
+const SiteSearchCurtain = (props) => {
+  const [focused, setFocused] = useState(false);
+  let blurTimeout;
+  useOnMount(() => {
+    const closeSearch = (e) => {
+      if (e.key === "Escape") {
+        setFocused(false);
+      }
+    };
+    document.addEventListener("keyup", closeSearch);
+    return () => {
+      document.removeEventListener("keyup", closeSearch);
+    };
+  });
+  const focusHandler = () => {
+    blurTimeout && clearTimeout(blurTimeout);
+    setFocused(true);
+  };
+  const blurHandler = (e) => {
+    if (!e.relatedTarget || !e.currentTarget.contains(e.relatedTarget)) {
+      blurTimeout = setTimeout(() => {
+        setFocused(false);
+        blurTimeout = void 0;
+      }, 100);
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({
+    className: getBemClass("SiteSearchCurtain", [focused && "focused"]),
+    onFocus: focusHandler,
+    onBlur: blurHandler
+  }, isPreact && { onfocusin: focusHandler, onfocusout: blurHandler }), props.children);
+};
+var SiteSearchCurtain_default = SiteSearchCurtain;
+export {
+  SiteSearchCurtain_default as default
+};

package/lib/SiteSearchInput.cjs

@@ -0,0 +1,119 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SiteSearchInput_exports = {};
+__export(SiteSearchInput_exports, {
+  default: () => SiteSearchInput_default
+});
+module.exports = __toCommonJS(SiteSearchInput_exports);
+var import_react = __toESM(require("react"));
+var import_FormField = __toESM(require("./FormField"));
+const SiteSearchInput = import_react.default.forwardRef((props, ref) => {
+  const _a = props, {
+    label,
+    id,
+    onChange,
+    placeholder = typeof label === "string" ? label : void 0,
+    buttonText = "Leita",
+    onSubmit,
+    onButtonClick = onSubmit,
+    onKeyDown,
+    ssr
+  } = _a, inputElementProps = __objRest(_a, [
+    "label",
+    "id",
+    "onChange",
+    "placeholder",
+    "buttonText",
+    "onSubmit",
+    "onButtonClick",
+    "onKeyDown",
+    "ssr"
+  ]);
+  const { value, defaultValue } = inputElementProps;
+  const [hasValue, setHasValue] = (0, import_react.useState)(void 0);
+  const filled = !!(value ?? hasValue ?? !!defaultValue);
+  const empty = !filled && !placeholder;
+  const _onChange = value != null ? onChange : (e) => {
+    setHasValue(!!e.target.value);
+    onChange && onChange(e);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_FormField.default, {
+    className: "SiteSearchInput",
+    ssr,
+    label,
+    empty,
+    filled,
+    id,
+    renderInput: (className, inputProps, addFocusProps) => /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({
+      className: className.input
+    }, addFocusProps()), /* @__PURE__ */ import_react.default.createElement("input", __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      className: "SiteSearchInput__input",
+      onChange: _onChange
+    }, inputProps), {
+      placeholder,
+      onKeyDown: onSubmit ? (e) => {
+        if (e.key === "Enter" && onSubmit() !== true) {
+          e.preventDefault();
+        }
+        onKeyDown && onKeyDown(e);
+      } : onKeyDown
+    }), inputElementProps), {
+      ref
+    })), " ", /* @__PURE__ */ import_react.default.createElement("button", {
+      className: "SiteSearchInput__button",
+      type: "submit",
+      onClick: onButtonClick && ((e) => !onButtonClick() && e.preventDefault()),
+      title: buttonText
+    }, buttonText))
+  });
+});
+var SiteSearchInput_default = SiteSearchInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/SiteSearchInput.mjs

@@ -0,0 +1,97 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React, { useState } from "react";
+import FormField from "./FormField";
+const SiteSearchInput = React.forwardRef((props, ref) => {
+  const _a = props, {
+    label,
+    id,
+    onChange,
+    placeholder = typeof label === "string" ? label : void 0,
+    buttonText = "Leita",
+    onSubmit,
+    onButtonClick = onSubmit,
+    onKeyDown,
+    ssr
+  } = _a, inputElementProps = __objRest(_a, [
+    "label",
+    "id",
+    "onChange",
+    "placeholder",
+    "buttonText",
+    "onSubmit",
+    "onButtonClick",
+    "onKeyDown",
+    "ssr"
+  ]);
+  const { value, defaultValue } = inputElementProps;
+  const [hasValue, setHasValue] = useState(void 0);
+  const filled = !!(value ?? hasValue ?? !!defaultValue);
+  const empty = !filled && !placeholder;
+  const _onChange = value != null ? onChange : (e) => {
+    setHasValue(!!e.target.value);
+    onChange && onChange(e);
+  };
+  return /* @__PURE__ */ React.createElement(FormField, {
+    className: "SiteSearchInput",
+    ssr,
+    label,
+    empty,
+    filled,
+    id,
+    renderInput: (className, inputProps, addFocusProps) => /* @__PURE__ */ React.createElement("div", __spreadValues({
+      className: className.input
+    }, addFocusProps()), /* @__PURE__ */ React.createElement("input", __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      className: "SiteSearchInput__input",
+      onChange: _onChange
+    }, inputProps), {
+      placeholder,
+      onKeyDown: onSubmit ? (e) => {
+        if (e.key === "Enter" && onSubmit() !== true) {
+          e.preventDefault();
+        }
+        onKeyDown && onKeyDown(e);
+      } : onKeyDown
+    }), inputElementProps), {
+      ref
+    })), " ", /* @__PURE__ */ React.createElement("button", {
+      className: "SiteSearchInput__button",
+      type: "submit",
+      onClick: onButtonClick && ((e) => !onButtonClick() && e.preventDefault()),
+      title: buttonText
+    }, buttonText))
+  });
+});
+var SiteSearchInput_default = SiteSearchInput;
+export {
+  SiteSearchInput_default as default
+};

package/lib/Skeleton.cjs

@@ -0,0 +1,63 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Skeleton_exports = {};
+__export(Skeleton_exports, {
+  default: () => Skeleton_default
+});
+module.exports = __toCommonJS(Skeleton_exports);
+var import_react = __toESM(require("react"));
+var import_range = __toESM(require("@hugsmidjan/qj/range"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+const makeRenderSkeleton = (props) => (key) => /* @__PURE__ */ import_react.default.createElement("span", {
+  key,
+  className: (0, import_getBemClass.default)("Skeleton", [
+    props.text && "text",
+    props.height && "height--" + props.height,
+    props.gap && "gap--" + props.gap
+  ])
+});
+const minmax = (num = 0, max = 100, min = 1) => {
+  num = Math.min(Math.max(Math.round(num), min), max);
+  return num > min ? num : void 0;
+};
+const Skeleton = (props) => {
+  const height = minmax(props.height, 40);
+  const renderSkeleton = makeRenderSkeleton({
+    height,
+    text: props.text,
+    gap: minmax(props.gap, 5, 0)
+  });
+  const items = minmax(props.items, 20) || 1;
+  if (items > 1) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (0, import_range.default)(1, items).map(renderSkeleton));
+  }
+  return renderSkeleton();
+};
+var Skeleton_default = Skeleton;
+Skeleton.block = (height) => /* @__PURE__ */ import_react.default.createElement(Skeleton, {
+  height
+});
+Skeleton.text = (height) => /* @__PURE__ */ import_react.default.createElement(Skeleton, {
+  text: true,
+  height
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});