@reykjavik/hanna-react 0.10.53

package/lib/_abstract/CardList.mjs

@@ -0,0 +1,76 @@
+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));
+import React from "react";
+import Button from "./Button";
+import Image from "./Image";
+const Card = (props) => {
+  const { bem, href, title, imgPlaceholder } = props;
+  const cardClass = `${bem}__card`;
+  const image = "image" in props && props.image;
+  const meta = "meta" in props && props.meta;
+  const summary = "summary" in props && props.summary;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, {
+    bem: cardClass,
+    href
+  }, " ", /* @__PURE__ */ React.createElement(Image, __spreadProps(__spreadValues({
+    className: `${bem}__image`
+  }, image), {
+    placeholder: imgPlaceholder
+  })), /* @__PURE__ */ React.createElement("span", {
+    className: `${cardClass}__title`
+  }, title), " ", meta && /* @__PURE__ */ React.createElement("span", {
+    className: `${cardClass}__meta`
+  }, meta), " ", summary && /* @__PURE__ */ React.createElement("span", {
+    className: `${cardClass}__summary`
+  }, summary), " "), " ");
+};
+const CardList = (props) => {
+  const {
+    bemPrefix,
+    title,
+    summaryElement,
+    cards,
+    titleTag = "h2",
+    children,
+    imgPlaceholder
+  } = props;
+  const TitleTag = titleTag;
+  const fallbackImage = imgPlaceholder !== true && imgPlaceholder || void 0;
+  const fallbackImageStyle = fallbackImage ? { "--ImageCards--fallback": `url("${fallbackImage}")` } : void 0;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, summaryElement ? /* @__PURE__ */ React.createElement("div", {
+    className: bemPrefix + "__summary"
+  }, title && /* @__PURE__ */ React.createElement(TitleTag, {
+    className: bemPrefix + "__title"
+  }, title), summaryElement) : title && /* @__PURE__ */ React.createElement(TitleTag, {
+    className: bemPrefix + "__title"
+  }, title), /* @__PURE__ */ React.createElement("ul", {
+    className: bemPrefix + "__list",
+    style: fallbackImageStyle
+  }, cards.map((card, i) => /* @__PURE__ */ React.createElement("li", {
+    key: i,
+    className: bemPrefix + "__item"
+  }, /* @__PURE__ */ React.createElement(Card, __spreadProps(__spreadValues({}, card), {
+    bem: bemPrefix,
+    imgPlaceholder: !!imgPlaceholder
+  }))))), children);
+};
+export {
+  CardList
+};

package/lib/_abstract/Image.cjs

@@ -0,0 +1,75 @@
+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 Image_exports = {};
+__export(Image_exports, {
+  default: () => Image_default
+});
+module.exports = __toCommonJS(Image_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_useGetSVGtext = require("../utils/useGetSVGtext");
+const Image = (props) => {
+  const {
+    src,
+    altText = "",
+    sources = [],
+    preloadSrc,
+    className,
+    inline,
+    placeholder
+  } = props;
+  const _src = sources.length && preloadSrc || src;
+  const imageSrc = _src || (sources[0] != null ? sources[0].srcset.split(" ")[0] : void 0);
+  const imgLoading = preloadSrc ? "eager" : "lazy";
+  const inlineSvg = (0, import_useGetSVGtext.useGetSVGtext)(inline ? imageSrc : void 0);
+  if (!imageSrc) {
+    return placeholder ? /* @__PURE__ */ import_react.default.createElement("span", {
+      className: className && (0, import_getBemClass.default)(className, "missing")
+    }, placeholder !== true && placeholder()) : null;
+  }
+  if (inline) {
+    if (inlineSvg && inlineSvg.imageSrc === imageSrc) {
+      return /* @__PURE__ */ import_react.default.createElement("span", {
+        className,
+        dangerouslySetInnerHTML: { __html: inlineSvg.code }
+      });
+    }
+    if (!inlineSvg && true) {
+      return /* @__PURE__ */ import_react.default.createElement("span", {
+        className
+      });
+    }
+  }
+  return /* @__PURE__ */ import_react.default.createElement("picture", {
+    className
+  }, " ", sources.map((source, i) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("source", {
+    key: i,
+    srcSet: source.srcset,
+    media: source.media
+  }), " ")), " ", /* @__PURE__ */ import_react.default.createElement("img", {
+    src: imageSrc,
+    alt: altText,
+    loading: imgLoading
+  }), "  ");
+};
+var Image_default = Image;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/_abstract/Image.mjs

@@ -0,0 +1,51 @@
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import { useGetSVGtext } from "../utils/useGetSVGtext";
+const Image = (props) => {
+  const {
+    src,
+    altText = "",
+    sources = [],
+    preloadSrc,
+    className,
+    inline,
+    placeholder
+  } = props;
+  const _src = sources.length && preloadSrc || src;
+  const imageSrc = _src || (sources[0] != null ? sources[0].srcset.split(" ")[0] : void 0);
+  const imgLoading = preloadSrc ? "eager" : "lazy";
+  const inlineSvg = useGetSVGtext(inline ? imageSrc : void 0);
+  if (!imageSrc) {
+    return placeholder ? /* @__PURE__ */ React.createElement("span", {
+      className: className && getBemClass(className, "missing")
+    }, placeholder !== true && placeholder()) : null;
+  }
+  if (inline) {
+    if (inlineSvg && inlineSvg.imageSrc === imageSrc) {
+      return /* @__PURE__ */ React.createElement("span", {
+        className,
+        dangerouslySetInnerHTML: { __html: inlineSvg.code }
+      });
+    }
+    if (!inlineSvg && true) {
+      return /* @__PURE__ */ React.createElement("span", {
+        className
+      });
+    }
+  }
+  return /* @__PURE__ */ React.createElement("picture", {
+    className
+  }, " ", sources.map((source, i) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("source", {
+    key: i,
+    srcSet: source.srcset,
+    media: source.media
+  }), " ")), " ", /* @__PURE__ */ React.createElement("img", {
+    src: imageSrc,
+    alt: altText,
+    loading: imgLoading
+  }), "  ");
+};
+var Image_default = Image;
+export {
+  Image_default as default
+};

package/lib/_abstract/Link.cjs

@@ -0,0 +1,37 @@
+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 Link_exports = {};
+__export(Link_exports, {
+  Link: () => Link,
+  setLinkRenderer: () => setLinkRenderer
+});
+module.exports = __toCommonJS(Link_exports);
+var import_react = __toESM(require("react"));
+const DefaultLinkRenderer = (props) => import_react.default.createElement("a", props);
+let Link = DefaultLinkRenderer;
+const setLinkRenderer = (linkRenderer) => {
+  Link = linkRenderer || DefaultLinkRenderer;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Link,
+  setLinkRenderer
+});

package/lib/_abstract/Link.mjs

@@ -0,0 +1,10 @@
+import React from "react";
+const DefaultLinkRenderer = (props) => React.createElement("a", props);
+let Link = DefaultLinkRenderer;
+const setLinkRenderer = (linkRenderer) => {
+  Link = linkRenderer || DefaultLinkRenderer;
+};
+export {
+  Link,
+  setLinkRenderer
+};

package/lib/_abstract/TogglerGroup.cjs

@@ -0,0 +1,92 @@
+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 __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 TogglerGroup_exports = {};
+__export(TogglerGroup_exports, {
+  default: () => TogglerGroup_default
+});
+module.exports = __toCommonJS(TogglerGroup_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+const TogglerGroup = (props) => {
+  const {
+    className,
+    bem,
+    name,
+    disabled,
+    Toggler,
+    onSelected,
+    options,
+    inputProps = {}
+  } = props;
+  const values = props.value || [];
+  return /* @__PURE__ */ import_react.default.createElement("ul", {
+    className: (0, import_getBemClass.default)(bem, null, className),
+    role: "group",
+    "aria-labelledby": props["aria-labelledby"],
+    "aria-describedby": props["aria-describedby"],
+    "aria-required": props.required
+  }, options.map((option, i) => {
+    const isDisabled = option.disabled != null ? option.disabled : disabled && typeof disabled !== "boolean" ? disabled.includes(i) : disabled;
+    const isChecked = values.includes(option.value);
+    return /* @__PURE__ */ import_react.default.createElement(Toggler, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      key: i
+    }, inputProps), {
+      className: bem + "__item",
+      name,
+      Wrapper: "li"
+    }), option), {
+      label: option.label || option.value,
+      onChange: onSelected ? (e) => {
+        const { value } = option;
+        const checked = e.currentTarget.checked;
+        inputProps.onChange && inputProps.onChange(e);
+        const selectedValues = values.filter((val) => val !== value);
+        if (checked) {
+          selectedValues.push(value);
+        }
+        onSelected({ value, checked, option, selectedValues });
+      } : inputProps.onChange,
+      disabled: isDisabled,
+      "aria-invalid": props["aria-invalid"],
+      checked: isChecked
+    }));
+  }));
+};
+var TogglerGroup_default = TogglerGroup;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/_abstract/TogglerGroup.mjs

@@ -0,0 +1,70 @@
+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));
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+const TogglerGroup = (props) => {
+  const {
+    className,
+    bem,
+    name,
+    disabled,
+    Toggler,
+    onSelected,
+    options,
+    inputProps = {}
+  } = props;
+  const values = props.value || [];
+  return /* @__PURE__ */ React.createElement("ul", {
+    className: getBemClass(bem, null, className),
+    role: "group",
+    "aria-labelledby": props["aria-labelledby"],
+    "aria-describedby": props["aria-describedby"],
+    "aria-required": props.required
+  }, options.map((option, i) => {
+    const isDisabled = option.disabled != null ? option.disabled : disabled && typeof disabled !== "boolean" ? disabled.includes(i) : disabled;
+    const isChecked = values.includes(option.value);
+    return /* @__PURE__ */ React.createElement(Toggler, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      key: i
+    }, inputProps), {
+      className: bem + "__item",
+      name,
+      Wrapper: "li"
+    }), option), {
+      label: option.label || option.value,
+      onChange: onSelected ? (e) => {
+        const { value } = option;
+        const checked = e.currentTarget.checked;
+        inputProps.onChange && inputProps.onChange(e);
+        const selectedValues = values.filter((val) => val !== value);
+        if (checked) {
+          selectedValues.push(value);
+        }
+        onSelected({ value, checked, option, selectedValues });
+      } : inputProps.onChange,
+      disabled: isDisabled,
+      "aria-invalid": props["aria-invalid"],
+      checked: isChecked
+    }));
+  }));
+};
+var TogglerGroup_default = TogglerGroup;
+export {
+  TogglerGroup_default as default
+};

package/lib/_abstract/TogglerGroupField.cjs

@@ -0,0 +1,121 @@
+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 TogglerGroupField_exports = {};
+__export(TogglerGroupField_exports, {
+  default: () => TogglerGroupField_default
+});
+module.exports = __toCommonJS(TogglerGroupField_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_FormField = __toESM(require("../FormField"));
+var import_TogglerGroup = __toESM(require("./TogglerGroup"));
+const TogglerGroupField = (props) => {
+  const _a = props, {
+    bem,
+    Toggler,
+    className,
+    modifier,
+    label,
+    LabelTag,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    id,
+    value
+  } = _a, togglerGroupProps = __objRest(_a, [
+    "bem",
+    "Toggler",
+    "className",
+    "modifier",
+    "label",
+    "LabelTag",
+    "assistText",
+    "hideLabel",
+    "disabled",
+    "readOnly",
+    "invalid",
+    "errorMessage",
+    "required",
+    "reqText",
+    "id",
+    "value"
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_FormField.default, {
+    className: (0, import_getBemClass.default)(bem, modifier, className),
+    group: true,
+    label,
+    LabelTag,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    id,
+    renderInput: (className2, inputProps) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_TogglerGroup.default, __spreadProps(__spreadValues(__spreadValues({
+        bem: className2.options
+      }, inputProps), togglerGroupProps), {
+        value: Array.isArray(value) ? value : value != null ? [value] : void 0,
+        Toggler
+      }));
+    }
+  });
+};
+var TogglerGroupField_default = TogglerGroupField;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/_abstract/TogglerGroupField.mjs

@@ -0,0 +1,99 @@
+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 from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import FormField from "../FormField";
+import TogglerGroup from "./TogglerGroup";
+const TogglerGroupField = (props) => {
+  const _a = props, {
+    bem,
+    Toggler,
+    className,
+    modifier,
+    label,
+    LabelTag,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    id,
+    value
+  } = _a, togglerGroupProps = __objRest(_a, [
+    "bem",
+    "Toggler",
+    "className",
+    "modifier",
+    "label",
+    "LabelTag",
+    "assistText",
+    "hideLabel",
+    "disabled",
+    "readOnly",
+    "invalid",
+    "errorMessage",
+    "required",
+    "reqText",
+    "id",
+    "value"
+  ]);
+  return /* @__PURE__ */ React.createElement(FormField, {
+    className: getBemClass(bem, modifier, className),
+    group: true,
+    label,
+    LabelTag,
+    assistText,
+    hideLabel,
+    disabled,
+    readOnly,
+    invalid,
+    errorMessage,
+    required,
+    reqText,
+    id,
+    renderInput: (className2, inputProps) => {
+      return /* @__PURE__ */ React.createElement(TogglerGroup, __spreadProps(__spreadValues(__spreadValues({
+        bem: className2.options
+      }, inputProps), togglerGroupProps), {
+        value: Array.isArray(value) ? value : value != null ? [value] : void 0,
+        Toggler
+      }));
+    }
+  });
+};
+var TogglerGroupField_default = TogglerGroupField;
+export {
+  TogglerGroupField_default as default
+};