@gnist/design-system 2.0.29 → 2.0.31

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## <small>2.0.31 (2025-03-26)</small>
+
+* fix: close modal with ESC key and unmount from DOM when not in use ([13d58a0](https://github.com/mollerdigital/design-system-design-system/commit/13d58a0))
+* fix: replace baseModal from mui/base with dialog element in Modal component to support react 19 ([e065ad8](https://github.com/mollerdigital/design-system-design-system/commit/e065ad8))
+
+## <small>2.0.30 (2025-03-21)</small>
+
+* feat: add new icons ([982f902](https://github.com/mollerdigital/design-system-design-system/commit/982f902))
+
 ## <small>2.0.29 (2025-03-21)</small>
 
 * perf: compress icons ([f7b013a](https://github.com/mollerdigital/design-system-design-system/commit/f7b013a))

package/dist/components/surfaces/modal/Modal.cjs

@@ -17,8 +17,8 @@ require("../../actions/chips/TagChip.cjs");
 const index$1 = require("../../../foundation/typography/index.cjs");
 const index = require("../../../translations/index.cjs");
 const tokens_css_js = require("@gnist/themes/tokens.css.js");
-const base = require("@mui/base");
 const React = require("react");
+const reactDom = require("react-dom");
 const modal_css = require("./modal.css.cjs");
 function _interopNamespaceCompat(e) {
   if (e && typeof e === "object" && "default" in e) return e;
@@ -54,13 +54,45 @@ const Modal = React__namespace.forwardRef(function Modal2({ children, title, isO
   var _a, _b;
   const text = index.useTranslation((t) => t.components.surfaces.modal);
   const [contentHeight, setContentHeight] = React.useState(0);
+  const [renderComponent, setRenderComponent] = React.useState(false);
+  const dialogRef = React.useRef(null);
   const handleBackdropClick = (event) => {
     if (event.target === event.currentTarget) {
       handleClose();
     }
   };
-  const Backdrop = () => jsxRuntime.jsx("div", { role: "presentation", className: modal_css.backdropStyle, onClick: handleBackdropClick });
-  return jsxRuntime.jsx(base.Modal, { className: modal_css.modalStyle, open: isOpen, slots: { backdrop: Backdrop }, children: jsxRuntime.jsxs("div", { ref, className: modal_css.dialogRecipe({ size }), ...rest, style: { backgroundColor }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: modal_css.headerRowRecipe({
+  const handleDialogClose = (event) => {
+    if (event.target === dialogRef.current) {
+      handleClose();
+    }
+  };
+  React.useEffect(() => {
+    const handleEscape = (event) => {
+      if (isOpen && event.key === "Escape") {
+        handleClose();
+      }
+    };
+    if (isOpen) {
+      window.addEventListener("keydown", handleEscape);
+    }
+    return () => {
+      window.removeEventListener("keydown", handleEscape);
+    };
+  }, [dialogRef, isOpen, handleClose]);
+  React.useEffect(() => {
+    var _a2, _b2;
+    if (isOpen) {
+      setRenderComponent(true);
+      (_a2 = dialogRef.current) == null ? void 0 : _a2.show();
+    } else {
+      (_b2 = dialogRef.current) == null ? void 0 : _b2.close();
+      setTimeout(() => setRenderComponent(false), 300);
+    }
+  }, [isOpen, renderComponent]);
+  if (!renderComponent) {
+    return null;
+  }
+  return reactDom.createPortal(jsxRuntime.jsxs("dialog", { ref: dialogRef, className: modal_css.modalStyle, onClick: handleDialogClose, children: [jsxRuntime.jsx("div", { role: "presentation", className: modal_css.backdropStyle, onClick: handleBackdropClick }), jsxRuntime.jsxs("div", { ref, className: modal_css.dialogRecipe({ size }), ...rest, style: { backgroundColor }, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: modal_css.headerRowRecipe({
     size,
     hasScroll: hasScroll(size, contentHeight)
   }), style: { backgroundColor }, children: [title ? jsxRuntime.jsx(index$1.Heading1Text, { children: title }) : jsxRuntime.jsx("span", { "aria-hidden": true }), jsxRuntime.jsx(IconButton.IconButton, { icon: "close", label: text.dismissLabel, onClick: handleClose, disabled: (_a = primaryAction == null ? void 0 : primaryAction.loading) == null ? void 0 : _a.isLoading, autoFocus: true })] }), jsxRuntime.jsx("div", { ref: (element) => {
@@ -73,6 +105,6 @@ const Modal = React__namespace.forwardRef(function Modal2({ children, title, isO
   }), children })] }), primaryAction || secondaryAction || action ? jsxRuntime.jsxs("div", { className: modal_css.actionRowRecipe({
     size,
     hasScroll: hasScroll(size, contentHeight)
-  }), style: { backgroundColor }, children: [primaryAction ? jsxRuntime.jsx(PrimaryButton.PrimaryButton, { ...primaryAction, children: primaryAction.label }) : null, secondaryAction ? jsxRuntime.jsx(TextButton.TextButton, { ...secondaryAction, disabled: (_b = primaryAction == null ? void 0 : primaryAction.loading) == null ? void 0 : _b.isLoading, children: secondaryAction.label }) : null, action ? action : null] }) : null] }) });
+  }), style: { backgroundColor }, children: [primaryAction ? jsxRuntime.jsx(PrimaryButton.PrimaryButton, { ...primaryAction, children: primaryAction.label }) : null, secondaryAction ? jsxRuntime.jsx(TextButton.TextButton, { ...secondaryAction, disabled: (_b = primaryAction == null ? void 0 : primaryAction.loading) == null ? void 0 : _b.isLoading, children: secondaryAction.label }) : null, action ? action : null] }) : null] })] }), document.body);
 });
 exports.Modal = Modal;

package/dist/components/surfaces/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,4CAAsE;AAKjG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAKH,UAAU,EAGb,uBAAmD;AAEpD,UAAU,MAAO,SAAQ,gBAAgB,CAAC,QAAQ,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACvB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6GAA6G;IAC7G,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+GAA+G;IAC/G,eAAe,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1C,4BAA4B;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAeD;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,KAAK,mFA0GhB,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,4CAAsE;AAIjG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKH,UAAU,EAGb,uBAAmD;AAEpD,UAAU,MAAO,SAAQ,gBAAgB,CAAC,QAAQ,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACvB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6GAA6G;IAC7G,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+GAA+G;IAC/G,eAAe,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1C,4BAA4B;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAeD;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,KAAK,mFAgJhB,CAAC"}

package/dist/components/surfaces/modal/Modal.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { PrimaryButton } from "../../actions/buttons/PrimaryButton.js";
 import "../../actions/buttons/SecondaryButton.js";
 import "../../actions/buttons/SuccessButton.js";
@@ -15,10 +15,10 @@ import "../../actions/chips/TagChip.js";
 import { Heading1Text } from "../../../foundation/typography/index.js";
 import { useTranslation } from "../../../translations/index.js";
 import { tokens } from "@gnist/themes/tokens.css.js";
-import { Modal as Modal$1 } from "@mui/base";
 import * as React from "react";
-import { useState } from "react";
-import { modalStyle, dialogRecipe, headerRowRecipe, contentContainerRecipe, actionRowRecipe, backdropStyle } from "./modal.css.js";
+import { useState, useRef, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { modalStyle, backdropStyle, dialogRecipe, headerRowRecipe, contentContainerRecipe, actionRowRecipe } from "./modal.css.js";
 const hasScroll = (size, height) => {
   switch (size) {
     case "fullscreen":
@@ -35,13 +35,45 @@ const Modal = React.forwardRef(function Modal2({ children, title, isOpen, handle
   var _a, _b;
   const text = useTranslation((t) => t.components.surfaces.modal);
   const [contentHeight, setContentHeight] = useState(0);
+  const [renderComponent, setRenderComponent] = useState(false);
+  const dialogRef = useRef(null);
   const handleBackdropClick = (event) => {
     if (event.target === event.currentTarget) {
       handleClose();
     }
   };
-  const Backdrop = () => jsx("div", { role: "presentation", className: backdropStyle, onClick: handleBackdropClick });
-  return jsx(Modal$1, { className: modalStyle, open: isOpen, slots: { backdrop: Backdrop }, children: jsxs("div", { ref, className: dialogRecipe({ size }), ...rest, style: { backgroundColor }, children: [jsxs("div", { children: [jsxs("div", { className: headerRowRecipe({
+  const handleDialogClose = (event) => {
+    if (event.target === dialogRef.current) {
+      handleClose();
+    }
+  };
+  useEffect(() => {
+    const handleEscape = (event) => {
+      if (isOpen && event.key === "Escape") {
+        handleClose();
+      }
+    };
+    if (isOpen) {
+      window.addEventListener("keydown", handleEscape);
+    }
+    return () => {
+      window.removeEventListener("keydown", handleEscape);
+    };
+  }, [dialogRef, isOpen, handleClose]);
+  useEffect(() => {
+    var _a2, _b2;
+    if (isOpen) {
+      setRenderComponent(true);
+      (_a2 = dialogRef.current) == null ? void 0 : _a2.show();
+    } else {
+      (_b2 = dialogRef.current) == null ? void 0 : _b2.close();
+      setTimeout(() => setRenderComponent(false), 300);
+    }
+  }, [isOpen, renderComponent]);
+  if (!renderComponent) {
+    return null;
+  }
+  return createPortal(jsxs("dialog", { ref: dialogRef, className: modalStyle, onClick: handleDialogClose, children: [jsx("div", { role: "presentation", className: backdropStyle, onClick: handleBackdropClick }), jsxs("div", { ref, className: dialogRecipe({ size }), ...rest, style: { backgroundColor }, children: [jsxs("div", { children: [jsxs("div", { className: headerRowRecipe({
     size,
     hasScroll: hasScroll(size, contentHeight)
   }), style: { backgroundColor }, children: [title ? jsx(Heading1Text, { children: title }) : jsx("span", { "aria-hidden": true }), jsx(IconButton, { icon: "close", label: text.dismissLabel, onClick: handleClose, disabled: (_a = primaryAction == null ? void 0 : primaryAction.loading) == null ? void 0 : _a.isLoading, autoFocus: true })] }), jsx("div", { ref: (element) => {
@@ -54,7 +86,7 @@ const Modal = React.forwardRef(function Modal2({ children, title, isOpen, handle
   }), children })] }), primaryAction || secondaryAction || action ? jsxs("div", { className: actionRowRecipe({
     size,
     hasScroll: hasScroll(size, contentHeight)
-  }), style: { backgroundColor }, children: [primaryAction ? jsx(PrimaryButton, { ...primaryAction, children: primaryAction.label }) : null, secondaryAction ? jsx(TextButton, { ...secondaryAction, disabled: (_b = primaryAction == null ? void 0 : primaryAction.loading) == null ? void 0 : _b.isLoading, children: secondaryAction.label }) : null, action ? action : null] }) : null] }) });
+  }), style: { backgroundColor }, children: [primaryAction ? jsx(PrimaryButton, { ...primaryAction, children: primaryAction.label }) : null, secondaryAction ? jsx(TextButton, { ...secondaryAction, disabled: (_b = primaryAction == null ? void 0 : primaryAction.loading) == null ? void 0 : _b.isLoading, children: secondaryAction.label }) : null, action ? action : null] }) : null] })] }), document.body);
 });
 export {
   Modal

package/dist/components/surfaces/modal/modal.css.cjs

@@ -17,16 +17,26 @@ const backdropStyle = css.style({
   WebkitTapHighlightColor: "transparent"
 });
 const modalStyle = css.style({
-  position: "fixed",
-  zIndex: 1300,
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  isolation: "isolate"
+  selectors: {
+    "&:open": {
+      position: "fixed",
+      zIndex: 1300,
+      right: 0,
+      bottom: 0,
+      top: 0,
+      left: 0,
+      width: "100%",
+      maxWidth: "unset",
+      maxHeight: "unset",
+      backgroundColor: "transparent",
+      border: "none",
+      height: "100%",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      isolation: "isolate"
+    }
+  }
 });
 const dialogPadding = (size) => {
   switch (size) {

package/dist/components/surfaces/modal/modal.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.css.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/modal.css.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AAErE,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAWrB,CAAC;AAcH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DvB,CAAC;AASH,eAAO,MAAM,eAAe;;;;;;;;;;;;;EAiC1B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;EAwDjC,CAAC;AAWH,eAAO,MAAM,eAAe;;;;;;;;;;;;;EAyC1B,CAAC"}
+{"version":3,"file":"modal.css.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/modal.css.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AAErE,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAqBrB,CAAC;AAcH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DvB,CAAC;AASH,eAAO,MAAM,eAAe;;;;;;;;;;;;;EAiC1B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;EAwDjC,CAAC;AAWH,eAAO,MAAM,eAAe;;;;;;;;;;;;;EAyC1B,CAAC"}

package/dist/components/surfaces/modal/modal.css.js

@@ -15,16 +15,26 @@ const backdropStyle = style({
   WebkitTapHighlightColor: "transparent"
 });
 const modalStyle = style({
-  position: "fixed",
-  zIndex: 1300,
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  isolation: "isolate"
+  selectors: {
+    "&:open": {
+      position: "fixed",
+      zIndex: 1300,
+      right: 0,
+      bottom: 0,
+      top: 0,
+      left: 0,
+      width: "100%",
+      maxWidth: "unset",
+      maxHeight: "unset",
+      backgroundColor: "transparent",
+      border: "none",
+      height: "100%",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      isolation: "isolate"
+    }
+  }
 });
 const dialogPadding = (size) => {
   switch (size) {

package/dist/foundation/iconography/icons.d.ts

@@ -31,7 +31,7 @@ type IconVariantsAndOptions<T extends string> = {
     };
 };
 export declare function defineIcons<T extends string>(icons: IconSpecifications<T>): IconVariantsAndOptions<T>;
-export declare const icons: IconVariantsAndOptions<"clear" | "error" | "warning" | "success" | "info" | "code" | "menu" | "search" | "coffee" | "help" | "favorite" | "favorite_border" | "star" | "star_outline" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_dissatisfied" | "sentiment_very_satisfied" | "event_note" | "live_tv" | "wifi" | "arrow_backward" | "arrow_downward" | "arrow_forward" | "arrow_upward" | "check" | "chevron_left" | "chevron_right" | "close" | "expand_less" | "expand_more" | "external" | "more_horizontal" | "more_vertical" | "open" | "refresh" | "spinner" | "unfold_less" | "unfold_more" | "ev_station" | "forest" | "gas_station" | "location" | "route" | "file_download" | "file_upload" | "task" | "add" | "backspace" | "mail" | "remove" | "send" | "call" | "chat" | "assignment" | "bolt" | "build" | "calculate" | "calendar" | "car" | "car_crash" | "contract" | "edit" | "explore" | "glass_damage" | "home" | "lightbulb" | "login" | "logout" | "payment" | "pets" | "play_circle" | "savings" | "schedule" | "settings" | "shopping_cart" | "speed" | "tire" | "trash" | "verified" | "visibility_off" | "visibility_on">;
+export declare const icons: IconVariantsAndOptions<"clear" | "error" | "warning" | "success" | "info" | "sort" | "code" | "menu" | "search" | "coffee" | "help" | "favorite" | "favorite_border" | "star" | "star_outline" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_dissatisfied" | "sentiment_very_satisfied" | "event_note" | "live_tv" | "wifi" | "arrow_backward" | "arrow_downward" | "arrow_forward" | "arrow_upward" | "check" | "chevron_left" | "chevron_right" | "close" | "expand_less" | "expand_more" | "external" | "more_horizontal" | "more_vertical" | "open" | "refresh" | "spinner" | "unfold_less" | "unfold_more" | "ev_station" | "forest" | "gas_station" | "location" | "route" | "file_download" | "file_upload" | "task" | "add" | "auto" | "backspace" | "mail" | "manage_account" | "person" | "remove" | "send" | "work" | "call" | "chat" | "assignment" | "automatic_gear" | "binoculars" | "bolt" | "build" | "calculate" | "calendar" | "car" | "car_crash" | "change" | "contract" | "edit" | "explore" | "glass_damage" | "home" | "lightbulb" | "login" | "logout" | "manual_gear" | "notifications" | "payment" | "pets" | "play_circle" | "query_stats" | "savings" | "schedule" | "settings" | "shopping_cart" | "speed" | "tire" | "trash" | "tune" | "verified" | "visibility_off" | "visibility_on">;
 type Icons = typeof icons;
 /**
  * Apps using this library can use declaration merging to add app-specific icons to the allowed icon list.

package/dist/foundation/iconography/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/icons.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG;KACrB,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,YAAY;CACrC,CAAC;AAEF,UAAU,WAAW;IACjB;;;OAGG;IACH,GAAG,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI;KACvC,CAAC,IAAI,CAAC,GAAG,kBAAkB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAAE;CACpE,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;KAC3C,CAAC,IAAI,CAAC,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CACnE,CAAC;AAoBF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EACxC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,sBAAsB,CAAC,CAAC,CAAC,CAa3B;AAED,eAAO,MAAM,KAAK,qoCAqCjB,CAAC;AAEF,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;GAEG;AAGH,MAAM,WAAW,UAAU;CAAG;AAE9B,UAAU,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;CACxB;AACD,MAAM,MAAM,OAAO,CAAC,UAAU,SAAS,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAC1C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/icons.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG;KACrB,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,YAAY;CACrC,CAAC;AAEF,UAAU,WAAW;IACjB;;;OAGG;IACH,GAAG,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI;KACvC,CAAC,IAAI,CAAC,GAAG,kBAAkB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAAE;CACpE,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;KAC3C,CAAC,IAAI,CAAC,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CACnE,CAAC;AAoBF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EACxC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,sBAAsB,CAAC,CAAC,CAAC,CAa3B;AAED,eAAO,MAAM,KAAK,syCAqCjB,CAAC;AAEF,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;GAEG;AAGH,MAAM,WAAW,UAAU;CAAG;AAE9B,UAAU,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;CACxB;AACD,MAAM,MAAM,OAAO,CAAC,UAAU,SAAS,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAC1C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC"}

package/dist/foundation/iconography/svg/action/automatic_gear-filled.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgAutomaticGearFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.03 2a2 2 0 0 0-2-2H5.675a2 2 0 0 0-2 2v6.8H.5v2.8h3.176V14a2 2 0 0 0 2 2h3.353a2 2 0 0 0 2-2v-2.4h3.177V8.8h-3.177zM5.264 14.4v-2.8H9.44v2.8zM9.44 1.6v7.2H8.146v-4H6.56v4H5.265V1.6zm5.13.48c.238-.16.429-.427.429-.747V.8c0-.427-.334-.8-.715-.8h-1.667v3.2h.714V2.133h.524l.43 1.067H15zM14.284.8v.533h-.953V.8zM15 5.733c0 .32-.334.8-.715.8h-.953V7.6h-.714V4.4h1.667c.381 0 .715.373.715.8zm-.715 0V5.2h-.953v.533zM15 13.6c0-.427-.334-.8-.715-.8h-1.667V16h1.667c.381 0 .715-.373.715-.8zm-1.668 0h.953v1.6h-.953z", clipRule: "evenodd" }));
+exports.default = SvgAutomaticGearFilled;

package/dist/foundation/iconography/svg/action/automatic_gear-filled.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgAutomaticGearFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.03 2a2 2 0 0 0-2-2H5.675a2 2 0 0 0-2 2v6.8H.5v2.8h3.176V14a2 2 0 0 0 2 2h3.353a2 2 0 0 0 2-2v-2.4h3.177V8.8h-3.177zM5.264 14.4v-2.8H9.44v2.8zM9.44 1.6v7.2H8.146v-4H6.56v4H5.265V1.6zm5.13.48c.238-.16.429-.427.429-.747V.8c0-.427-.334-.8-.715-.8h-1.667v3.2h.714V2.133h.524l.43 1.067H15zM14.284.8v.533h-.953V.8zM15 5.733c0 .32-.334.8-.715.8h-.953V7.6h-.714V4.4h1.667c.381 0 .715.373.715.8zm-.715 0V5.2h-.953v.533zM15 13.6c0-.427-.334-.8-.715-.8h-1.667V16h1.667c.381 0 .715-.373.715-.8zm-1.668 0h.953v1.6h-.953z", clipRule: "evenodd" }));
+export {
+  SvgAutomaticGearFilled as default
+};

package/dist/foundation/iconography/svg/action/automatic_gear-outlined.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgAutomaticGearOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.03 2a2 2 0 0 0-2-2H5.675a2 2 0 0 0-2 2v6.8H.5v2.8h3.176V14a2 2 0 0 0 2 2h3.353a2 2 0 0 0 2-2v-2.4h3.177V8.8h-3.177zM5.264 14.4v-2.8H9.44v2.8zM9.44 1.6v7.2H8.146v-4H6.56v4H5.265V1.6zm5.13.48c.238-.16.429-.427.429-.747V.8c0-.427-.334-.8-.715-.8h-1.667v3.2h.714V2.133h.524l.43 1.067H15zM14.284.8v.533h-.953V.8zM15 5.733c0 .32-.334.8-.715.8h-.953V7.6h-.714V4.4h1.667c.381 0 .715.373.715.8zm-.715 0V5.2h-.953v.533zM15 13.6c0-.427-.334-.8-.715-.8h-1.667V16h1.667c.381 0 .715-.373.715-.8zm-1.668 0h.953v1.6h-.953z", clipRule: "evenodd" }));
+exports.default = SvgAutomaticGearOutlined;

package/dist/foundation/iconography/svg/action/automatic_gear-outlined.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgAutomaticGearOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.03 2a2 2 0 0 0-2-2H5.675a2 2 0 0 0-2 2v6.8H.5v2.8h3.176V14a2 2 0 0 0 2 2h3.353a2 2 0 0 0 2-2v-2.4h3.177V8.8h-3.177zM5.264 14.4v-2.8H9.44v2.8zM9.44 1.6v7.2H8.146v-4H6.56v4H5.265V1.6zm5.13.48c.238-.16.429-.427.429-.747V.8c0-.427-.334-.8-.715-.8h-1.667v3.2h.714V2.133h.524l.43 1.067H15zM14.284.8v.533h-.953V.8zM15 5.733c0 .32-.334.8-.715.8h-.953V7.6h-.714V4.4h1.667c.381 0 .715.373.715.8zm-.715 0V5.2h-.953v.533zM15 13.6c0-.427-.334-.8-.715-.8h-1.667V16h1.667c.381 0 .715-.373.715-.8zm-1.668 0h.953v1.6h-.953z", clipRule: "evenodd" }));
+export {
+  SvgAutomaticGearOutlined as default
+};

package/dist/foundation/iconography/svg/action/automatic_gear-round.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgAutomaticGearRound = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.53 2a2 2 0 0 0-2-2H5.177a2 2 0 0 0-2 2v6.8H1a1 1 0 0 0-1 1v.8a1 1 0 0 0 1 1h2.176V14a2 2 0 0 0 2 2h3.353a2 2 0 0 0 2-2v-2.4h2.177a1 1 0 0 0 1-1v-.8a1 1 0 0 0-1-1h-2.177zM4.764 14.4v-2.8H8.94v2.8zM8.94 1.6v7.2H7.646V5.594a.794.794 0 0 0-1.588 0V8.8H4.765V1.6zm5.13.48c.238-.16.429-.427.429-.747V.8c0-.427-.334-.8-.715-.8h-.867a.8.8 0 0 0-.8.8v2.043a.357.357 0 0 0 .714 0v-.71h.524l.345.857a.336.336 0 0 0 .625-.246zM13.52.8a.267.267 0 1 1 0 .533h-.687V.8zm.981 4.933c0 .32-.334.8-.715.8h-.953v.71a.357.357 0 1 1-.714 0V5.2a.8.8 0 0 1 .8-.8h.867c.381 0 .715.373.715.8zm-.981 0a.267.267 0 1 0 0-.533h-.687v.533zm.98 7.867c0-.427-.334-.8-.715-.8h-1.167a.5.5 0 0 0-.5.5v2.2a.5.5 0 0 0 .5.5h1.167c.381 0 .715-.373.715-.8zm-1.668 0h.953v1.6h-.953z", clipRule: "evenodd" }));
+exports.default = SvgAutomaticGearRound;

package/dist/foundation/iconography/svg/action/automatic_gear-round.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgAutomaticGearRound = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.53 2a2 2 0 0 0-2-2H5.177a2 2 0 0 0-2 2v6.8H1a1 1 0 0 0-1 1v.8a1 1 0 0 0 1 1h2.176V14a2 2 0 0 0 2 2h3.353a2 2 0 0 0 2-2v-2.4h2.177a1 1 0 0 0 1-1v-.8a1 1 0 0 0-1-1h-2.177zM4.764 14.4v-2.8H8.94v2.8zM8.94 1.6v7.2H7.646V5.594a.794.794 0 0 0-1.588 0V8.8H4.765V1.6zm5.13.48c.238-.16.429-.427.429-.747V.8c0-.427-.334-.8-.715-.8h-.867a.8.8 0 0 0-.8.8v2.043a.357.357 0 0 0 .714 0v-.71h.524l.345.857a.336.336 0 0 0 .625-.246zM13.52.8a.267.267 0 1 1 0 .533h-.687V.8zm.981 4.933c0 .32-.334.8-.715.8h-.953v.71a.357.357 0 1 1-.714 0V5.2a.8.8 0 0 1 .8-.8h.867c.381 0 .715.373.715.8zm-.981 0a.267.267 0 1 0 0-.533h-.687v.533zm.98 7.867c0-.427-.334-.8-.715-.8h-1.167a.5.5 0 0 0-.5.5v2.2a.5.5 0 0 0 .5.5h1.167c.381 0 .715-.373.715-.8zm-1.668 0h.953v1.6h-.953z", clipRule: "evenodd" }));
+export {
+  SvgAutomaticGearRound as default
+};

package/dist/foundation/iconography/svg/action/automatic_gear-sharp.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgAutomaticGearSharp = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.03 0H3.675v8.8H.5v2.8h3.176V16h7.353v-4.4h3.177V8.8h-3.177zM5.264 14.4v-2.8H9.44v2.8zM9.44 1.6v7.2H8.146v-4H6.559v4H5.265V1.6zm5.13.533H15V0h-2.382v3.2h.714V2.133h.524l.43 1.067H15zM14.285.8v.533h-.953V.8zM15 6.533h-1.668V7.6h-.714V4.4H15zm-.715-.8V5.2h-.953v.533zM15 13.6c0-.427-.334-.8-.715-.8h-1.667V16h1.667c.381 0 .715-.373.715-.8zm-.715 0v1.6h-.953v-1.6z", clipRule: "evenodd" }));
+exports.default = SvgAutomaticGearSharp;

package/dist/foundation/iconography/svg/action/automatic_gear-sharp.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgAutomaticGearSharp = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.03 0H3.675v8.8H.5v2.8h3.176V16h7.353v-4.4h3.177V8.8h-3.177zM5.264 14.4v-2.8H9.44v2.8zM9.44 1.6v7.2H8.146v-4H6.559v4H5.265V1.6zm5.13.533H15V0h-2.382v3.2h.714V2.133h.524l.43 1.067H15zM14.285.8v.533h-.953V.8zM15 6.533h-1.668V7.6h-.714V4.4H15zm-.715-.8V5.2h-.953v.533zM15 13.6c0-.427-.334-.8-.715-.8h-1.667V16h1.667c.381 0 .715-.373.715-.8zm-.715 0v1.6h-.953v-1.6z", clipRule: "evenodd" }));
+export {
+  SvgAutomaticGearSharp as default
+};

package/dist/foundation/iconography/svg/action/binoculars-filled.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgBinocularsFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.05 11.294V9.412h1.9V3.765h-1.9v-.941C9.05 1.264 7.774 0 6.2 0 3.91 0 3.387 1.75 3.097 2.719l-.032.105-2.09 6.588s-.36 1.24-.433 1.758l-.016.124a4 4 0 0 0-.026.47C.5 14.105 2.414 16 4.775 16s4.275-1.896 4.275-4.235zm1.9 0v-8.47C10.95 1.264 12.226 0 13.8 0c2.29 0 2.813 1.75 3.104 2.719l.031.105 2.09 6.588s.36 1.24.433 1.758l.016.124q.026.233.026.47c0 2.34-1.914 4.236-4.275 4.236s-4.275-1.896-4.275-4.235zm7.125.47c0 1.56-1.276 2.824-2.85 2.824s-2.85-1.264-2.85-2.823c0-1.56 1.276-2.824 2.85-2.824s2.85 1.264 2.85 2.824m-13.3 2.824c1.574 0 2.85-1.264 2.85-2.823 0-1.56-1.276-2.824-2.85-2.824s-2.85 1.264-2.85 2.824 1.276 2.823 2.85 2.823", clipRule: "evenodd" }));
+exports.default = SvgBinocularsFilled;

package/dist/foundation/iconography/svg/action/binoculars-filled.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgBinocularsFilled = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.05 11.294V9.412h1.9V3.765h-1.9v-.941C9.05 1.264 7.774 0 6.2 0 3.91 0 3.387 1.75 3.097 2.719l-.032.105-2.09 6.588s-.36 1.24-.433 1.758l-.016.124a4 4 0 0 0-.026.47C.5 14.105 2.414 16 4.775 16s4.275-1.896 4.275-4.235zm1.9 0v-8.47C10.95 1.264 12.226 0 13.8 0c2.29 0 2.813 1.75 3.104 2.719l.031.105 2.09 6.588s.36 1.24.433 1.758l.016.124q.026.233.026.47c0 2.34-1.914 4.236-4.275 4.236s-4.275-1.896-4.275-4.235zm7.125.47c0 1.56-1.276 2.824-2.85 2.824s-2.85-1.264-2.85-2.823c0-1.56 1.276-2.824 2.85-2.824s2.85 1.264 2.85 2.824m-13.3 2.824c1.574 0 2.85-1.264 2.85-2.823 0-1.56-1.276-2.824-2.85-2.824s-2.85 1.264-2.85 2.824 1.276 2.823 2.85 2.823", clipRule: "evenodd" }));
+export {
+  SvgBinocularsFilled as default
+};

package/dist/foundation/iconography/svg/action/binoculars-outlined.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgBinocularsOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 19 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "m.043 11.165-.001.005a4 4 0 0 0-.042.595C0 14.104 1.914 16 4.275 16a4.27 4.27 0 0 0 4.188-3.382q.086-.413.087-.853v-1.412h1.9v1.412a4.2 4.2 0 0 0 .336 1.648A4.28 4.28 0 0 0 14.725 16C17.086 16 19 14.104 19 11.765a4.3 4.3 0 0 0-.126-1.023c-.13-.578-.349-1.33-.349-1.33l-2.09-6.588-.031-.105C16.114 1.749 15.59 0 13.3 0c-1.574 0-2.85 1.264-2.85 2.824h-1.9C8.55 1.264 7.274 0 5.7 0 3.41 0 2.887 1.75 2.597 2.719l-.032.105-2.09 6.588s-.218.753-.35 1.33q-.051.208-.082.423m1.886.233q.013-.077.04-.202a2.37 2.37 0 0 1 2.306-1.784 2.364 2.364 0 0 1 2.327 2.827 2.37 2.37 0 0 1-2.327 1.879 2.37 2.37 0 0 1-2.327-1.88 2.3 2.3 0 0 1-.034-.734l.01-.07zM6.65 8.243a4.3 4.3 0 0 0-2.375-.714c-.443 0-.87.067-1.272.191l1.378-4.344.004-.012c.17-.56.274-.903.476-1.166a.7.7 0 0 1 .242-.208c.087-.044.264-.108.597-.108.525 0 .95.422.95.942zm6.006 4.678a2.3 2.3 0 0 1-.306-1.156c0-1.3 1.063-2.353 2.375-2.353a2.37 2.37 0 0 1 2.346 1.986l.006.035.009.071a2 2 0 0 1 .014.26c0 1.3-1.063 2.354-2.375 2.354a2.38 2.38 0 0 1-2.07-1.197m2.069-5.392c.443 0 .87.067 1.272.191l-1.378-4.344-.004-.012c-.17-.56-.274-.903-.476-1.166a.7.7 0 0 0-.242-.208c-.087-.044-.264-.108-.597-.108a.946.946 0 0 0-.95.942v5.419a4.3 4.3 0 0 1 2.375-.714m-6.175.942V4.706h1.9v3.765z", clipRule: "evenodd" }));
+exports.default = SvgBinocularsOutlined;

package/dist/foundation/iconography/svg/action/binoculars-outlined.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgBinocularsOutlined = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 19 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "m.043 11.165-.001.005a4 4 0 0 0-.042.595C0 14.104 1.914 16 4.275 16a4.27 4.27 0 0 0 4.188-3.382q.086-.413.087-.853v-1.412h1.9v1.412a4.2 4.2 0 0 0 .336 1.648A4.28 4.28 0 0 0 14.725 16C17.086 16 19 14.104 19 11.765a4.3 4.3 0 0 0-.126-1.023c-.13-.578-.349-1.33-.349-1.33l-2.09-6.588-.031-.105C16.114 1.749 15.59 0 13.3 0c-1.574 0-2.85 1.264-2.85 2.824h-1.9C8.55 1.264 7.274 0 5.7 0 3.41 0 2.887 1.75 2.597 2.719l-.032.105-2.09 6.588s-.218.753-.35 1.33q-.051.208-.082.423m1.886.233q.013-.077.04-.202a2.37 2.37 0 0 1 2.306-1.784 2.364 2.364 0 0 1 2.327 2.827 2.37 2.37 0 0 1-2.327 1.879 2.37 2.37 0 0 1-2.327-1.88 2.3 2.3 0 0 1-.034-.734l.01-.07zM6.65 8.243a4.3 4.3 0 0 0-2.375-.714c-.443 0-.87.067-1.272.191l1.378-4.344.004-.012c.17-.56.274-.903.476-1.166a.7.7 0 0 1 .242-.208c.087-.044.264-.108.597-.108.525 0 .95.422.95.942zm6.006 4.678a2.3 2.3 0 0 1-.306-1.156c0-1.3 1.063-2.353 2.375-2.353a2.37 2.37 0 0 1 2.346 1.986l.006.035.009.071a2 2 0 0 1 .014.26c0 1.3-1.063 2.354-2.375 2.354a2.38 2.38 0 0 1-2.07-1.197m2.069-5.392c.443 0 .87.067 1.272.191l-1.378-4.344-.004-.012c-.17-.56-.274-.903-.476-1.166a.7.7 0 0 0-.242-.208c-.087-.044-.264-.108-.597-.108a.946.946 0 0 0-.95.942v5.419a4.3 4.3 0 0 1 2.375-.714m-6.175.942V4.706h1.9v3.765z", clipRule: "evenodd" }));
+export {
+  SvgBinocularsOutlined as default
+};

package/dist/foundation/iconography/svg/action/binoculars-round.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgBinocularsRound = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.05 11.294V9.412a1.145 1.145 0 0 1 1.9 0V3.765a1.35 1.35 0 0 0-1.9 0v-.941C9.05 1.264 7.774 0 6.2 0 3.91 0 3.387 1.75 3.097 2.719l-.032.105-2.09 6.588s-.36 1.24-.433 1.758l-.016.124a4 4 0 0 0-.026.47C.5 14.105 2.414 16 4.775 16s4.275-1.896 4.275-4.235zm1.9 0v-8.47C10.95 1.264 12.226 0 13.8 0c2.29 0 2.813 1.75 3.104 2.719l.031.105 2.09 6.588s.36 1.24.433 1.758l.016.124q.026.233.026.47c0 2.34-1.914 4.236-4.275 4.236s-4.275-1.896-4.275-4.235zm7.125.47c0 1.56-1.276 2.824-2.85 2.824s-2.85-1.264-2.85-2.823c0-1.56 1.276-2.824 2.85-2.824s2.85 1.264 2.85 2.824m-13.3 2.824c1.574 0 2.85-1.264 2.85-2.823 0-1.56-1.276-2.824-2.85-2.824s-2.85 1.264-2.85 2.824 1.276 2.823 2.85 2.823", clipRule: "evenodd" }));
+exports.default = SvgBinocularsRound;

package/dist/foundation/iconography/svg/action/binoculars-round.svg.js

@@ -0,0 +1,10 @@
+"use client";
+import * as React from "react";
+const SvgBinocularsRound = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.05 11.294V9.412a1.145 1.145 0 0 1 1.9 0V3.765a1.35 1.35 0 0 0-1.9 0v-.941C9.05 1.264 7.774 0 6.2 0 3.91 0 3.387 1.75 3.097 2.719l-.032.105-2.09 6.588s-.36 1.24-.433 1.758l-.016.124a4 4 0 0 0-.026.47C.5 14.105 2.414 16 4.775 16s4.275-1.896 4.275-4.235zm1.9 0v-8.47C10.95 1.264 12.226 0 13.8 0c2.29 0 2.813 1.75 3.104 2.719l.031.105 2.09 6.588s.36 1.24.433 1.758l.016.124q.026.233.026.47c0 2.34-1.914 4.236-4.275 4.236s-4.275-1.896-4.275-4.235zm7.125.47c0 1.56-1.276 2.824-2.85 2.824s-2.85-1.264-2.85-2.823c0-1.56 1.276-2.824 2.85-2.824s2.85 1.264 2.85 2.824m-13.3 2.824c1.574 0 2.85-1.264 2.85-2.823 0-1.56-1.276-2.824-2.85-2.824s-2.85 1.264-2.85 2.824 1.276 2.823 2.85 2.823", clipRule: "evenodd" }));
+export {
+  SvgBinocularsRound as default
+};

package/dist/foundation/iconography/svg/action/binoculars-sharp.svg.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
+const SvgBinocularsSharp = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.05 11.294V9.412h1.9V3.765h-1.9v-.941C9.05 1.264 7.774 0 6.2 0 3.91 0 3.387 1.75 3.097 2.719l-.032.105-2.09 6.588s-.36 1.24-.433 1.758l-.016.124a4 4 0 0 0-.026.47C.5 14.105 2.414 16 4.775 16s4.275-1.896 4.275-4.235zm1.9 0v-8.47C10.95 1.264 12.226 0 13.8 0c2.29 0 2.813 1.75 3.104 2.719l.031.105 2.09 6.588s.36 1.24.433 1.758l.016.124q.026.233.026.47c0 2.34-1.914 4.236-4.275 4.236s-4.275-1.896-4.275-4.235zm7.125.47c0 1.56-1.276 2.824-2.85 2.824s-2.85-1.264-2.85-2.823c0-1.56 1.276-2.824 2.85-2.824s2.85 1.264 2.85 2.824m-13.3 2.824c1.574 0 2.85-1.264 2.85-2.823 0-1.56-1.276-2.824-2.85-2.824s-2.85 1.264-2.85 2.824 1.276 2.823 2.85 2.823", clipRule: "evenodd" }));
+exports.default = SvgBinocularsSharp;