obss-air-command-component-library
Version:
React component library for Air Command System
216 lines (184 loc) • 73.2 kB
JavaScript
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const Arrowdown = ({ size = 20, className, ...props }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: jsxRuntime.jsx("path", { d: 'M4.39408 12.9504L11.0552 19.6198C11.182 19.7413 11.3314 19.8365 11.4949 19.8999C11.8192 20.0334 12.183 20.0334 12.5074 19.8999C12.6709 19.8365 12.8203 19.7413 12.947 19.6198L19.6082 12.9504C19.7324 12.826 19.8309 12.6784 19.8982 12.5159C19.9654 12.3534 20 12.1792 20 12.0033C20 11.6481 19.8591 11.3074 19.6082 11.0563C19.3573 10.8051 19.0171 10.664 18.6623 10.664C18.3075 10.664 17.9673 10.8051 17.7164 11.0563L13.3334 15.4581L13.3334 5.33389C13.3334 4.98012 13.193 4.64084 12.9432 4.39068C12.6933 4.14053 12.3545 4 12.0011 4C11.6478 4 11.3089 4.14053 11.0591 4.39068C10.8093 4.64084 10.6689 4.98012 10.6689 5.33389L10.6689 15.4581L6.28585 11.0563C6.162 10.9312 6.01465 10.832 5.85231 10.7643C5.68996 10.6966 5.51583 10.6617 5.33996 10.6617C5.16409 10.6617 4.98996 10.6966 4.82761 10.7643C4.66527 10.832 4.51792 10.9312 4.39408 11.0563C4.26921 11.1803 4.17009 11.3278 4.10246 11.4903C4.03482 11.6529 4 11.8272 4 12.0033C4 12.1794 4.03482 12.3538 4.10246 12.5163C4.17009 12.6789 4.26921 12.8264 4.39408 12.9504Z', fill: 'currentColor' }) }));
const Arrowup = ({ size = 20, className, ...props }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: jsxRuntime.jsx("path", { d: 'M19.6059 11.0496L12.9448 4.38018C12.818 4.25874 12.6686 4.16355 12.5051 4.10006C12.1808 3.96665 11.817 3.96665 11.4926 4.10006C11.3291 4.16355 11.1797 4.25874 11.053 4.38018L4.3918 11.0496C4.26758 11.174 4.16905 11.3216 4.10183 11.4841C4.0346 11.6466 4 11.8208 4 11.9967C4 12.3519 4.14093 12.6926 4.3918 12.9437C4.64266 13.1949 4.98291 13.336 5.33769 13.336C5.69246 13.336 6.03271 13.1949 6.28357 12.9437L10.6666 8.54191V18.6661C10.6666 19.0199 10.807 19.3592 11.0568 19.6093C11.3067 19.8595 11.6455 20 11.9989 20C12.3522 20 12.6911 19.8595 12.9409 19.6093C13.1907 19.3592 13.3311 19.0199 13.3311 18.6661V8.54191L17.7142 12.9437C17.838 13.0688 17.9853 13.168 18.1477 13.2357C18.31 13.3034 18.4842 13.3383 18.66 13.3383C18.8359 13.3383 19.01 13.3034 19.1724 13.2357C19.3347 13.168 19.4821 13.0688 19.6059 12.9437C19.7308 12.8197 19.8299 12.6722 19.8975 12.5097C19.9652 12.3471 20 12.1728 20 11.9967C20 11.8206 19.9652 11.6462 19.8975 11.4837C19.8299 11.3211 19.7308 11.1736 19.6059 11.0496Z', fill: 'currentColor' }) }));
const Circle = ({ size = 20, className, ...props }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: [jsxRuntime.jsx("path", { d: 'M13.8 4.8C13.8 5.79411 12.9942 6.6 12 6.6C11.0059 6.6 10.2 5.79411 10.2 4.8C10.2 3.80589 11.0059 3 12 3C12.9942 3 13.8 3.80589 13.8 4.8Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M6.6 12C6.6 12.9942 5.79411 13.8 4.8 13.8C3.80589 13.8 3 12.9942 3 12C3 11.0059 3.80589 10.2 4.8 10.2C5.79411 10.2 6.6 11.0059 6.6 12Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M13.8 19.2001C13.8 20.1942 12.9942 21.0001 12 21.0001C11.0059 21.0001 10.2 20.1942 10.2 19.2001C10.2 18.206 11.0059 17.4001 12 17.4001C12.9942 17.4001 13.8 18.206 13.8 19.2001Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M21 12C21 12.9942 20.1941 13.8 19.2 13.8C18.2059 13.8 17.4 12.9942 17.4 12C17.4 11.0059 18.2059 10.2 19.2 10.2C20.1941 10.2 21 11.0059 21 12Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M12.9403 19.1393L13.0133 19.6969C12.6815 19.7402 12.343 19.7622 11.9999 19.7622C11.6568 19.7622 11.3187 19.7401 10.9869 19.6969L11.1325 18.5812C11.4161 18.6182 11.7056 18.6372 11.9999 18.6372C12.2942 18.6372 12.5841 18.6182 12.8678 18.5812L12.9403 19.1393ZM7.95963 17.2661C8.41653 17.6173 8.91998 17.9104 9.45926 18.1341L9.0286 19.1734C8.39722 18.9116 7.80806 18.5686 7.27408 18.1582L7.95963 17.2661ZM16.7262 18.1582C16.1922 18.5686 15.603 18.9116 14.9717 19.1734L14.5404 18.1341C15.0797 17.9104 15.5837 17.6173 16.0406 17.2661L16.7262 18.1582ZM5.86563 14.5404C6.08928 15.0797 6.38243 15.5837 6.73355 16.0406L5.84146 16.7262C5.43117 16.1922 5.08869 15.603 4.82688 14.9717L5.86563 14.5404ZM19.1734 14.9717C18.9116 15.603 18.5686 16.1922 18.1582 16.7262L17.2661 16.0406C17.6173 15.5837 17.9104 15.0797 18.1341 14.5404L19.1734 14.9717ZM4.23746 11.9999C4.23746 11.6568 4.25956 11.3187 4.30283 10.9869L4.86093 11.0594L5.41849 11.1325C5.3815 11.4161 5.36246 11.7056 5.36246 11.9999C5.36246 12.2942 5.38148 12.5841 5.41849 12.8678L4.30283 13.0133C4.25954 12.6815 4.23746 12.343 4.23746 11.9999ZM18.6372 11.9999C18.6372 11.7056 18.6182 11.4161 18.5812 11.1325L19.6969 10.9869C19.7401 11.3187 19.7622 11.6568 19.7622 11.9999C19.7622 12.343 19.7402 12.6815 19.6969 13.0133L19.1393 12.9403L18.5812 12.8678C18.6182 12.5841 18.6372 12.2942 18.6372 11.9999ZM6.73355 7.95963C6.38246 8.41652 6.08926 8.91999 5.86563 9.45926L4.82688 9.0286C5.08869 8.39725 5.43115 7.80804 5.84146 7.27408L6.73355 7.95963ZM18.1582 7.27408C18.5686 7.80806 18.9116 8.39722 19.1734 9.0286L18.1341 9.45926C17.9104 8.91998 17.6173 8.41653 17.2661 7.95963L18.1582 7.27408ZM9.45926 5.86563C8.91999 6.08926 8.41652 6.38246 7.95963 6.73355L7.27408 5.84146C7.80804 5.43115 8.39725 5.08869 9.0286 4.82688L9.45926 5.86563ZM14.9717 4.82688C15.603 5.08869 16.1922 5.43117 16.7262 5.84146L16.0406 6.73355C15.5837 6.38243 15.0797 6.08928 14.5404 5.86563L14.9717 4.82688ZM11.9999 4.23746C12.343 4.23746 12.6815 4.25954 13.0133 4.30283L12.8678 5.41849C12.5841 5.38148 12.2942 5.36246 11.9999 5.36246C11.7056 5.36246 11.4161 5.3815 11.1325 5.41849L11.0594 4.86093L10.9869 4.30283C11.3187 4.25956 11.6568 4.23746 11.9999 4.23746Z', fill: 'currentColor' })] }));
const Close = ({ size = 20, className, ...props }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: jsxRuntime.jsx("path", { d: 'M12 13.4L7.09999 18.3C6.91665 18.4833 6.68332 18.575 6.39999 18.575C6.11665 18.575 5.88332 18.4833 5.69999 18.3C5.51665 18.1167 5.42499 17.8833 5.42499 17.6C5.42499 17.3167 5.51665 17.0833 5.69999 16.9L10.6 12L5.69999 7.1C5.51665 6.91667 5.42499 6.68334 5.42499 6.4C5.42499 6.11667 5.51665 5.88334 5.69999 5.7C5.88332 5.51667 6.11665 5.425 6.39999 5.425C6.68332 5.425 6.91665 5.51667 7.09999 5.7L12 10.6L16.9 5.7C17.0833 5.51667 17.3167 5.425 17.6 5.425C17.8833 5.425 18.1167 5.51667 18.3 5.7C18.4833 5.88334 18.575 6.11667 18.575 6.4C18.575 6.68334 18.4833 6.91667 18.3 7.1L13.4 12L18.3 16.9C18.4833 17.0833 18.575 17.3167 18.575 17.6C18.575 17.8833 18.4833 18.1167 18.3 18.3C18.1167 18.4833 17.8833 18.575 17.6 18.575C17.3167 18.575 17.0833 18.4833 16.9 18.3L12 13.4Z', fill: 'currentColor' }) }));
const Commercial = ({ size = 20, className, ...props }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: [jsxRuntime.jsxs("g", { clipPath: 'url(#clip0_2198_4572)', children: [jsxRuntime.jsx("path", { d: 'M12 0C12.996 0 13.8008 0.804781 13.8008 1.80078V8.40039L16.1143 9.76074L16.1787 8.35352C16.1855 8.34652 16.546 7.97852 16.9785 7.97852C17.4111 7.97852 17.7717 8.34676 17.7783 8.35352L17.8896 10.8057L19.0908 11.5127L19.1787 9.60352C19.1855 9.59655 19.546 9.22851 19.9785 9.22852C20.4111 9.22852 20.7718 9.59678 20.7783 9.60352L20.9141 12.585L24 14.4004V16.8008L13.8008 13.8008V20.4004L16.8008 22.2002V24L12 22.8008L7.2002 24V22.2002L10.2002 20.4004V13.8008L0 16.8008V14.4004L3.04102 12.6113L3.17871 9.60352C3.18529 9.59676 3.5459 9.22852 3.97852 9.22852C4.411 9.22851 4.77152 9.59654 4.77832 9.60352L4.86621 11.5371L6.06445 10.832L6.17871 8.35352C6.18529 8.34676 6.5459 7.97852 6.97852 7.97852C7.41099 7.97852 7.77151 8.34653 7.77832 8.35352L7.84375 9.78613L10.2002 8.40039V1.80078C10.2002 0.804924 11.0042 0.000229828 12 0Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M12 0C12.996 0 13.8008 0.804781 13.8008 1.80078V8.40039L16.1143 9.76074L16.1787 8.35352C16.1855 8.34652 16.546 7.97852 16.9785 7.97852C17.4111 7.97852 17.7717 8.34676 17.7783 8.35352L17.8896 10.8057L19.0908 11.5127L19.1787 9.60352C19.1855 9.59655 19.546 9.22851 19.9785 9.22852C20.4111 9.22852 20.7718 9.59678 20.7783 9.60352L20.9141 12.585L24 14.4004V16.8008L13.8008 13.8008V20.4004L16.8008 22.2002V24L12 22.8008L7.2002 24V22.2002L10.2002 20.4004V13.8008L0 16.8008V14.4004L3.04102 12.6113L3.17871 9.60352C3.18529 9.59676 3.5459 9.22852 3.97852 9.22852C4.411 9.22851 4.77152 9.59654 4.77832 9.60352L4.86621 11.5371L6.06445 10.832L6.17871 8.35352C6.18529 8.34676 6.5459 7.97852 6.97852 7.97852C7.41099 7.97852 7.77151 8.34653 7.77832 8.35352L7.84375 9.78613L10.2002 8.40039V1.80078C10.2002 0.804924 11.0042 0.000229828 12 0Z', fill: 'currentColor' })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: 'clip0_2198_4572', children: jsxRuntime.jsx("rect", { width: '24', height: '24', fill: 'currentColor' }) }) })] }));
const Dark = ({ size = 20, className, ...props }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: jsxRuntime.jsx("path", { d: 'M12.0181 20.9816C9.50146 20.9816 7.37246 20.1106 5.63113 18.3686C3.88979 16.6266 3.01879 14.4976 3.01813 11.9816C3.01813 9.68165 3.76813 7.68565 5.26813 5.99365C6.76813 4.30165 8.68479 3.31431 11.0181 3.03165C11.2348 2.99831 11.4265 3.02765 11.5931 3.11965C11.7598 3.21165 11.8931 3.33231 11.9931 3.48165C12.0931 3.63098 12.1475 3.80598 12.1561 4.00665C12.1648 4.20731 12.1021 4.39898 11.9681 4.58165C11.6848 5.01498 11.4721 5.47331 11.3301 5.95665C11.1881 6.43998 11.1175 6.94831 11.1181 7.48165C11.1181 8.98165 11.6431 10.2566 12.6931 11.3066C13.7431 12.3566 15.0181 12.8816 16.5181 12.8816C17.0348 12.8816 17.5475 12.8066 18.0561 12.6566C18.5648 12.5066 19.0188 12.2983 19.4181 12.0316C19.6015 11.915 19.7891 11.861 19.9811 11.8696C20.1731 11.8783 20.3438 11.924 20.4931 12.0066C20.6598 12.09 20.7891 12.215 20.8811 12.3816C20.9731 12.5483 21.0021 12.7483 20.9681 12.9816C20.7348 15.2816 19.7558 17.19 18.0311 18.7066C16.3065 20.2233 14.3021 20.9816 12.0181 20.9816Z', fill: 'currentColor' }) }));
const Drone = ({ size = 20, className, ...props }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: [jsxRuntime.jsx("g", { clipPath: 'url(#clip0_2198_4568)', children: jsxRuntime.jsx("path", { d: 'M12 0C13.1845 0 13.442 3.57209 13.1846 5.65309C13.0054 7.10089 12.9189 8.1369 12.8965 9.87214L23.4082 10.4798C23.4271 10.48 23.9999 10.494 24 11.3295C24 12.1652 23.4271 12.1789 23.4082 12.1792L12.9189 12.8171C12.9575 14.8251 12.9693 17.576 12.9492 19.0059H15.9658C15.9756 19.006 16.4549 19.0149 16.4551 19.8555C16.4551 20.6964 15.9758 20.7051 15.9658 20.7052L12.874 21.2458C12.8464 21.7088 12.8149 22.0973 12.7725 22.4046C12.7236 22.7585 12.6523 23.0329 12.5752 23.2477C13.4906 23.2719 14.1631 23.3505 14.1631 23.4463C14.1599 23.5481 13.3957 23.6273 12.3887 23.6449C12.1888 23.9638 12 24 12 24C12 24 11.8104 23.9644 11.6104 23.6449C10.6038 23.6273 9.84011 23.5481 9.83691 23.4463C9.83691 23.3505 10.5089 23.2719 11.4238 23.2477C11.3468 23.0329 11.2764 22.7582 11.2275 22.4046C11.1851 22.0973 11.1536 21.7088 11.126 21.2458L8.03418 20.7052C8.02422 20.7051 7.54492 20.6964 7.54492 19.8555C7.54508 19.0149 8.02435 19.006 8.03418 19.0059H11.0508C11.0307 17.576 11.0425 14.8251 11.0811 12.8171L0.591797 12.1792C0.57286 12.1789 0 12.1652 0 11.3295C0.000129209 10.494 0.572934 10.48 0.591797 10.4798L11.1035 9.87214C11.0811 8.1369 10.9946 7.10089 10.8154 5.65309C10.558 3.57209 10.8155 0 12 0Z', fill: 'currentColor' }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: 'clip0_2198_4568', children: jsxRuntime.jsx("rect", { width: '24', height: '24', fill: 'currentColor' }) }) })] }));
const Edit = ({ size = 20, className, ...props }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: jsxRuntime.jsx("path", { d: 'M3 21V16.75L16.2 3.575C16.4 3.39167 16.621 3.25 16.863 3.15C17.105 3.05 17.359 3 17.625 3C17.891 3 18.1493 3.05 18.4 3.15C18.6507 3.25 18.8673 3.4 19.05 3.6L20.425 5C20.625 5.18333 20.771 5.4 20.863 5.65C20.955 5.9 21.0007 6.15 21 6.4C21 6.66667 20.9543 6.921 20.863 7.163C20.7717 7.405 20.6257 7.62567 20.425 7.825L7.25 21H3ZM17.6 7.8L19 6.4L17.6 5L16.2 6.4L17.6 7.8Z', fill: 'currentColor' }) }));
const Error = ({ size = 20, className, ...props }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: jsxRuntime.jsx("path", { d: 'M4.09977 21H19.9002C21.5159 21 22.5231 19.2325 21.7153 17.8249L13.8151 4.05571C13.0072 2.6481 10.9928 2.6481 10.1849 4.05571L2.28471 17.8249C1.47686 19.2325 2.48406 21 4.09977 21ZM12 13.5915C11.423 13.5915 10.9508 13.1152 10.9508 12.5331V10.4164C10.9508 9.83434 11.423 9.35808 12 9.35808C12.577 9.35808 13.0492 9.83434 13.0492 10.4164V12.5331C13.0492 13.1152 12.577 13.5915 12 13.5915ZM13.0492 17.8249H10.9508V15.7082H13.0492V17.8249Z', fill: 'currentColor' }) }));
const Exit = ({ size = 20, className, ...props }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: jsxRuntime.jsx("path", { d: 'M5.20001 21C4.65001 21 4.17935 20.8043 3.78801 20.413C3.39668 20.0217 3.20068 19.5507 3.20001 19V4.99999C3.20001 4.44999 3.39601 3.97933 3.78801 3.58799C4.18001 3.19666 4.65068 3.00066 5.20001 2.99999H11.2C11.4833 2.99999 11.721 3.09599 11.913 3.28799C12.105 3.47999 12.2007 3.71733 12.2 3.99999C12.1993 4.28266 12.1033 4.52033 11.912 4.71299C11.7207 4.90566 11.4833 5.00133 11.2 4.99999H5.20001V19H11.2C11.4833 19 11.721 19.096 11.913 19.288C12.105 19.48 12.2007 19.7173 12.2 20C12.1993 20.2827 12.1033 20.5203 11.912 20.713C11.7207 20.9057 11.4833 21.0013 11.2 21H5.20001ZM17.375 13H10.2C9.91668 13 9.67935 12.904 9.48801 12.712C9.29668 12.52 9.20068 12.2827 9.20001 12C9.19935 11.7173 9.29535 11.48 9.48801 11.288C9.68068 11.096 9.91801 11 10.2 11H17.375L15.5 9.12499C15.3167 8.94166 15.225 8.71666 15.225 8.44999C15.225 8.18333 15.3167 7.94999 15.5 7.74999C15.6833 7.54999 15.9167 7.44566 16.2 7.43699C16.4833 7.42833 16.725 7.52433 16.925 7.72499L20.5 11.3C20.7 11.5 20.8 11.7333 20.8 12C20.8 12.2667 20.7 12.5 20.5 12.7L16.925 16.275C16.725 16.475 16.4877 16.571 16.213 16.563C15.9383 16.555 15.7007 16.4507 15.5 16.25C15.3167 16.05 15.2293 15.8127 15.238 15.538C15.2467 15.2633 15.3423 15.034 15.525 14.85L17.375 13Z', fill: 'currentColor' }) }));
const FighterJet = ({ size = 20, className, ...props }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: [jsxRuntime.jsx("g", { clipPath: 'url(#clip0_2198_4574)', children: jsxRuntime.jsx("path", { d: 'M1.125 17.0753C0.501563 17.0753 7.5456e-08 16.6724 8.14284e-08 16.1716L1.31723e-07 12.954C1.37695e-07 12.4531 0.501563 12.0502 1.125 12.0502C1.74844 12.0502 2.25 12.4531 2.25 12.954L2.25 13.5565L10 9.64017L10.3 5.25691C10.3 4.96695 10.3634 4.68075 10.49 4.40962L11.5 0.564856C11.6594 0.225943 11.55 1.37732e-07 12 1.43099e-07C12.45 1.48465e-07 12.3406 0.225943 12.5 0.564856L13.51 4.40962C13.6366 4.68075 13.7 4.96695 13.7 5.25691L14 9.64017L21.75 13.5565L21.75 12.954C21.75 12.4531 22.2516 12.0502 22.875 12.0502C23.4984 12.0502 24 12.4531 24 12.954L24 16.1716C24 16.6724 23.4984 17.0753 22.875 17.0753C22.2516 17.0753 21.75 16.6724 21.75 16.1716L21.75 15.8703L14 15.8703L14 20.0753L16.5594 21.2331C16.8406 21.459 17 21.764 17 22.0841L17 22.0921C17 22.7586 16.3297 23.2971 15.5 23.2971L12.5 23.2971C12.5 23.9636 12 24 12 24C12 24 11.5 23.9636 11.5 23.2971L8.5 23.2971C7.67031 23.2971 7 22.7586 7 22.0921L7 22.0879C7 21.7678 7.15937 21.4628 7.44062 21.2368L10 20.0753L10 15.8703L2.25 15.8703L2.25 16.1716C2.25 16.6724 1.74844 17.0753 1.125 17.0753Z', fill: 'currentColor' }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: 'clip0_2198_4574', children: jsxRuntime.jsx("rect", { width: '24', height: '24', fill: 'currentColor' }) }) })] }));
const Invisible = ({ size = 20, className, ...props }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: [jsxRuntime.jsx("path", { d: 'M22.0828 11.5374C21.2589 9.80163 20.2785 8.386 19.1414 7.29053L17.9489 8.48303C18.9213 9.41233 19.7684 10.628 20.5008 12.1421C18.5508 16.178 15.7828 18.0952 12 18.0952C10.8645 18.0952 9.81869 17.9204 8.86244 17.5707L7.57033 18.8628C8.89845 19.4761 10.375 19.7827 12 19.7827C16.5047 19.7827 19.8656 17.4366 22.0828 12.7444C22.172 12.5557 22.2182 12.3496 22.2182 12.1409C22.2182 11.9322 22.172 11.7261 22.0828 11.5374ZM20.5929 4.02241L19.5938 3.02209C19.5763 3.00466 19.5557 2.99083 19.5329 2.98139C19.5101 2.97196 19.4858 2.9671 19.4611 2.9671C19.4365 2.9671 19.4121 2.97196 19.3893 2.98139C19.3665 2.99083 19.3459 3.00466 19.3285 3.02209L16.7651 5.58428C15.3518 4.86241 13.7635 4.50147 12 4.50147C7.49533 4.50147 4.13439 6.84756 1.9172 11.5397C1.82808 11.7285 1.78186 11.9346 1.78186 12.1433C1.78186 12.352 1.82808 12.5581 1.9172 12.7468C2.80298 14.6124 3.86939 16.1078 5.11642 17.233L2.63626 19.7124C2.60113 19.7476 2.58139 19.7952 2.58139 19.8449C2.58139 19.8947 2.60113 19.9423 2.63626 19.9775L3.63681 20.978C3.67197 21.0132 3.71964 21.0329 3.76935 21.0329C3.81906 21.0329 3.86673 21.0132 3.90189 20.978L20.5929 4.28772C20.6103 4.2703 20.6242 4.24963 20.6336 4.22686C20.643 4.2041 20.6479 4.1797 20.6479 4.15506C20.6479 4.13042 20.643 4.10602 20.6336 4.08326C20.6242 4.0605 20.6103 4.03982 20.5929 4.02241ZM3.49923 12.1421C5.45158 8.10616 8.21954 6.18897 12 6.18897C13.2783 6.18897 14.4406 6.40834 15.495 6.85436L13.8474 8.50202C13.067 8.08568 12.1736 7.93116 11.2988 8.06126C10.424 8.19136 9.61413 8.59919 8.98874 9.22457C8.36336 9.84996 7.95553 10.6598 7.82543 11.5346C7.69533 12.4094 7.84985 13.3029 8.26618 14.0832L6.31103 16.0383C5.22892 15.0833 4.29611 13.7893 3.49923 12.1421ZM9.28126 12.1421C9.28167 11.7288 9.37957 11.3214 9.56699 10.9531C9.75442 10.5848 10.0261 10.2658 10.3599 10.0222C10.6938 9.77857 11.0804 9.61713 11.4883 9.55099C11.8963 9.48485 12.3141 9.51588 12.7078 9.64155L9.40572 12.9437C9.32295 12.6845 9.28097 12.4141 9.28126 12.1421Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M11.9063 14.7671C11.8252 14.7671 11.7452 14.7633 11.666 14.7561L10.4281 15.994C11.1726 16.2792 11.9839 16.3426 12.7637 16.1765C13.5436 16.0104 14.2586 15.622 14.8224 15.0582C15.3862 14.4944 15.7746 13.7794 15.9407 12.9996C16.1067 12.2197 16.0434 11.4085 15.7582 10.6639L14.5202 11.9019C14.5275 11.9811 14.5313 12.061 14.5313 12.1421C14.5314 12.4869 14.4637 12.8283 14.3318 13.1469C14.2 13.4654 14.0066 13.7549 13.7628 13.9987C13.519 14.2425 13.2296 14.4358 12.911 14.5677C12.5925 14.6995 12.251 14.7673 11.9063 14.7671Z', fill: 'currentColor' })] }));
const Light = ({ size = 20, className, ...props }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: jsxRuntime.jsx("path", { d: 'M12 17C10.6167 17 9.43767 16.5123 8.463 15.537C7.48834 14.5617 7.00067 13.3827 7 12C6.99934 10.6173 7.487 9.43834 8.463 8.463C9.439 7.48767 10.618 7 12 7C13.382 7 14.5613 7.48767 15.538 8.463C16.5147 9.43834 17.002 10.6173 17 12C16.998 13.3827 16.5103 14.562 15.537 15.538C14.5637 16.514 13.3847 17.0013 12 17ZM2 13C1.71667 13 1.47934 12.904 1.288 12.712C1.09667 12.52 1.00067 12.2827 1 12C0.999337 11.7173 1.09534 11.48 1.288 11.288C1.48067 11.096 1.718 11 2 11H4C4.28334 11 4.521 11.096 4.713 11.288C4.905 11.48 5.00067 11.7173 5 12C4.99934 12.2827 4.90334 12.5203 4.712 12.713C4.52067 12.9057 4.28334 13.0013 4 13H2ZM20 13C19.7167 13 19.4793 12.904 19.288 12.712C19.0967 12.52 19.0007 12.2827 19 12C18.9993 11.7173 19.0953 11.48 19.288 11.288C19.4807 11.096 19.718 11 20 11H22C22.2833 11 22.521 11.096 22.713 11.288C22.905 11.48 23.0007 11.7173 23 12C22.9993 12.2827 22.9033 12.5203 22.712 12.713C22.5207 12.9057 22.2833 13.0013 22 13H20ZM12 5C11.7167 5 11.4793 4.904 11.288 4.712C11.0967 4.52 11.0007 4.28267 11 4V2C11 1.71667 11.096 1.47934 11.288 1.288C11.48 1.09667 11.7173 1.00067 12 1C12.2827 0.999337 12.5203 1.09534 12.713 1.288C12.9057 1.48067 13.0013 1.718 13 2V4C13 4.28334 12.904 4.521 12.712 4.713C12.52 4.905 12.2827 5.00067 12 5ZM12 23C11.7167 23 11.4793 22.904 11.288 22.712C11.0967 22.52 11.0007 22.2827 11 22V20C11 19.7167 11.096 19.4793 11.288 19.288C11.48 19.0967 11.7173 19.0007 12 19C12.2827 18.9993 12.5203 19.0953 12.713 19.288C12.9057 19.4807 13.0013 19.718 13 20V22C13 22.2833 12.904 22.521 12.712 22.713C12.52 22.905 12.2827 23.0007 12 23ZM5.65 7.05L4.575 6C4.375 5.81667 4.279 5.58334 4.287 5.3C4.295 5.01667 4.391 4.775 4.575 4.575C4.775 4.375 5.01667 4.275 5.3 4.275C5.58334 4.275 5.81667 4.375 6 4.575L7.05 5.65C7.23334 5.85 7.325 6.08334 7.325 6.35C7.325 6.61667 7.23334 6.85 7.05 7.05C6.86667 7.25 6.63767 7.346 6.363 7.338C6.08834 7.33 5.85067 7.234 5.65 7.05ZM18 19.425L16.95 18.35C16.7667 18.15 16.675 17.9127 16.675 17.638C16.675 17.3633 16.7667 17.134 16.95 16.95C17.1333 16.75 17.3627 16.6543 17.638 16.663C17.9133 16.6717 18.1507 16.7673 18.35 16.95L19.425 18C19.625 18.1833 19.721 18.4167 19.713 18.7C19.705 18.9833 19.609 19.225 19.425 19.425C19.225 19.625 18.9833 19.725 18.7 19.725C18.4167 19.725 18.1833 19.625 18 19.425ZM16.95 7.05C16.75 6.86667 16.654 6.63767 16.662 6.363C16.67 6.08834 16.766 5.85067 16.95 5.65L18 4.575C18.1833 4.375 18.4167 4.279 18.7 4.287C18.9833 4.295 19.225 4.391 19.425 4.575C19.625 4.775 19.725 5.01667 19.725 5.3C19.725 5.58334 19.625 5.81667 19.425 6L18.35 7.05C18.15 7.23334 17.9167 7.325 17.65 7.325C17.3833 7.325 17.15 7.23334 16.95 7.05ZM4.575 19.425C4.375 19.225 4.275 18.9833 4.275 18.7C4.275 18.4167 4.375 18.1833 4.575 18L5.65 16.95C5.85 16.7667 6.08734 16.675 6.362 16.675C6.63667 16.675 6.866 16.7667 7.05 16.95C7.25 17.1333 7.346 17.3627 7.338 17.638C7.33 17.9133 7.234 18.1507 7.05 18.35L6 19.425C5.81667 19.625 5.58334 19.721 5.3 19.713C5.01667 19.705 4.775 19.609 4.575 19.425Z', fill: 'currentColor' }) }));
const Polygon = ({ size = 20, className, ...props }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: [jsxRuntime.jsx("path", { d: 'M5.54324 18.0869L5.47842 18.5L5.89645 18.422L6.10354 19.5277L4.1216 19.8996L4.43197 17.9133L5.54324 18.0869ZM10.8002 18.0748L10.9035 18.628L8.5035 19.0778L8.29641 17.9721L10.6964 17.5222L10.8002 18.0748ZM15.7039 17.7276L13.3034 18.1781L13.2002 17.6249L13.0963 17.0723L15.4963 16.6224L15.7039 17.7276ZM19.7623 15.4315V16.9668L18.1039 17.2777L17.8963 16.172L18.6373 16.033V15.4315H19.7623ZM6.29305 13.2869L5.91842 15.6869L4.8066 15.5133L5.18178 13.1134L6.29305 13.2869ZM19.7623 11.1561V13.2935H18.6373V11.1561H19.7623ZM7.04342 8.48702L6.66824 10.887L5.55697 10.7134L5.9316 8.31344L7.04342 8.48702ZM19.7623 7.51473V9.01876H18.6373V8.3854L18.0462 8.23214L18.3286 7.14284L19.7623 7.51473ZM16.3038 6.61825L16.0214 7.70699L13.9961 7.18185L14.2785 6.0931L16.3038 6.61825ZM12.2537 5.56795L11.9713 6.65725L9.94656 6.1321L10.2289 5.04281L12.2537 5.56795ZM8.20357 4.51821L7.92123 5.60696L7.50979 5.49984L7.41805 6.08706L6.30678 5.91293L6.59023 4.09963L8.20357 4.51821Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M21 7.94988C21 8.94399 20.1941 9.74988 19.2 9.74988C18.2059 9.74988 17.4 8.94399 17.4 7.94988C17.4 6.95577 18.2059 6.14988 19.2 6.14988C20.1941 6.14988 21 6.95577 21 7.94988Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M21 16.4998C21 17.494 20.1941 18.2998 19.2 18.2998C18.2059 18.2998 17.4 17.494 17.4 16.4998C17.4 15.5057 18.2059 14.6998 19.2 14.6998C20.1941 14.6998 21 15.5057 21 16.4998Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M8.85 4.8C8.85 5.79411 8.04411 6.6 7.05 6.6C6.05589 6.6 5.25 5.79411 5.25 4.8C5.25 3.80589 6.05589 3 7.05 3C8.04411 3 8.85 3.80589 8.85 4.8Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M6.6 19.1999C6.6 20.194 5.79411 20.9999 4.8 20.9999C3.80589 20.9999 3 20.194 3 19.1999C3 18.2058 3.80589 17.3999 4.8 17.3999C5.79411 17.3999 6.6 18.2058 6.6 19.1999Z', fill: 'currentColor' })] }));
const Rectangle = ({ size = 20, className, ...props }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: [jsxRuntime.jsx("path", { d: 'M5.25002 18.2999V18.7499H5.70002V19.6499H4.35002V18.2999H5.25002ZM9.30002 18.7499V19.6499H7.50002V18.7499H9.30002ZM12.9 18.7499V19.6499H11.1V18.7499H12.9ZM16.5 18.7499V19.6499H14.7V18.7499H16.5ZM19.65 18.2999V19.6499H18.3V18.7499H18.75V18.2999H19.65ZM5.25002 14.6999V16.4999H4.35002V14.6999H5.25002ZM19.65 14.6999V16.4999H18.75V14.6999H19.65ZM5.25002 11.0999V12.8999H4.35002V11.0999H5.25002ZM19.65 11.0999V12.8999H18.75V11.0999H19.65ZM5.25002 7.49992V9.29992H4.35002V7.49992H5.25002ZM19.65 7.49992V9.29992H18.75V7.49992H19.65ZM5.70002 4.34992V5.24992H5.25002V5.69992H4.35002V4.34992H5.70002ZM19.65 4.34992V5.69992H18.75V5.24992H18.3V4.34992H19.65ZM9.30002 4.34992V5.24992H7.50002V4.34992H9.30002ZM12.9 4.34992V5.24992H11.1V4.34992H12.9ZM16.5 4.34992V5.24992H14.7V4.34992H16.5Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M21 4.8C21 5.79411 20.1941 6.6 19.2 6.6C18.2059 6.6 17.4 5.79411 17.4 4.8C17.4 3.80589 18.2059 3 19.2 3C20.1941 3 21 3.80589 21 4.8Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M21 19.2001C21 20.1942 20.1941 21.0001 19.2 21.0001C18.2059 21.0001 17.4 20.1942 17.4 19.2001C17.4 18.206 18.2059 17.4001 19.2 17.4001C20.1941 17.4001 21 18.206 21 19.2001Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M6.6 4.8C6.6 5.79411 5.79411 6.6 4.8 6.6C3.80589 6.6 3 5.79411 3 4.8C3 3.80589 3.80589 3 4.8 3C5.79411 3 6.6 3.80589 6.6 4.8Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M6.6 19.2001C6.6 20.1942 5.79411 21.0001 4.8 21.0001C3.80589 21.0001 3 20.1942 3 19.2001C3 18.206 3.80589 17.4001 4.8 17.4001C5.79411 17.4001 6.6 18.206 6.6 19.2001Z', fill: 'currentColor' })] }));
const Success = ({ size = 20, className, ...props }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: jsxRuntime.jsx("path", { d: 'M12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2ZM15.535 8.381L10.585 13.331L8.465 11.21C8.37216 11.1171 8.26192 11.0434 8.14059 10.9931C8.01926 10.9428 7.8892 10.9168 7.75785 10.9168C7.49258 10.9167 7.23814 11.022 7.0505 11.2095C6.86286 11.397 6.75739 11.6514 6.7573 11.9166C6.7572 12.1819 6.86249 12.4364 7.05 12.624L9.808 15.382C9.91015 15.4842 10.0314 15.5653 10.1649 15.6206C10.2984 15.6759 10.4415 15.7044 10.586 15.7044C10.7305 15.7044 10.8736 15.6759 11.0071 15.6206C11.1406 15.5653 11.2618 15.4842 11.364 15.382L16.95 9.796C17.1376 9.60836 17.2431 9.35386 17.2431 9.0885C17.2431 8.82314 17.1376 8.56864 16.95 8.381C16.7624 8.19336 16.5079 8.08794 16.2425 8.08794C15.9771 8.08794 15.7226 8.19336 15.535 8.381Z', fill: 'currentColor' }) }));
const Trash = ({ size = 20, className, ...props }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: jsxRuntime.jsx("path", { d: 'M7 21C6.45 21 5.97934 20.8043 5.588 20.413C5.19667 20.0217 5.00067 19.5507 5 19V6C4.71667 6 4.47934 5.904 4.288 5.712C4.09667 5.52 4.00067 5.28267 4 5C3.99934 4.71733 4.09534 4.48 4.288 4.288C4.48067 4.096 4.718 4 5 4H9C9 3.71667 9.096 3.47933 9.288 3.288C9.48 3.09667 9.71734 3.00067 10 3H14C14.2833 3 14.521 3.096 14.713 3.288C14.905 3.48 15.0007 3.71733 15 4H19C19.2833 4 19.521 4.096 19.713 4.288C19.905 4.48 20.0007 4.71733 20 5C19.9993 5.28267 19.9033 5.52033 19.712 5.713C19.5207 5.90567 19.2833 6.00133 19 6V19C19 19.55 18.8043 20.021 18.413 20.413C18.0217 20.805 17.5507 21.0007 17 21H7ZM17 6H7V19H17V6ZM10 17C10.2833 17 10.521 16.904 10.713 16.712C10.905 16.52 11.0007 16.2827 11 16V9C11 8.71667 10.904 8.47933 10.712 8.288C10.52 8.09667 10.2827 8.00067 10 8C9.71734 7.99933 9.48 8.09533 9.288 8.288C9.096 8.48067 9 8.718 9 9V16C9 16.2833 9.096 16.521 9.288 16.713C9.48 16.905 9.71734 17.0007 10 17ZM14 17C14.2833 17 14.521 16.904 14.713 16.712C14.905 16.52 15.0007 16.2827 15 16V9C15 8.71667 14.904 8.47933 14.712 8.288C14.52 8.09667 14.2827 8.00067 14 8C13.7173 7.99933 13.48 8.09533 13.288 8.288C13.096 8.48067 13 8.718 13 9V16C13 16.2833 13.096 16.521 13.288 16.713C13.48 16.905 13.7173 17.0007 14 17Z', fill: 'currentColor' }) }));
const UnknownAircraft = ({ size = 20, className, ...props }) => (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: [jsxRuntime.jsxs("g", { clipPath: 'url(#clip0_2198_4563)', children: [jsxRuntime.jsx("path", { d: 'M2.69141 17.6361C3.17208 19.6429 4.22406 21.4095 5.65332 22.7367H0L2.69141 17.6361Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M24 22.7367H18.3467C19.7759 21.4095 20.8269 19.6428 21.3076 17.6361L24 22.7367Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { d: 'M14.918 5.52966C13.9977 5.2209 13.0175 5.0531 12 5.0531C10.9821 5.0531 10.0016 5.22071 9.08105 5.52966L12 0.000366211L14.918 5.52966Z', fill: 'currentColor' }), jsxRuntime.jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M12.0004 6.31604C16.6393 6.31626 20.3997 10.2748 20.3998 15.1578C20.3998 20.041 16.6394 23.9994 12.0004 23.9996C7.36117 23.9996 3.59998 20.0411 3.59998 15.1578C3.60005 10.2746 7.36122 6.31604 12.0004 6.31604ZM11.9008 18.5885C11.4396 18.5886 11.0442 18.7583 10.7142 19.0973C10.3881 19.4364 10.2269 19.8446 10.2308 20.3219C10.2269 20.8117 10.3881 21.2286 10.7142 21.5719C11.0442 21.9106 11.4397 22.0796 11.9008 22.0797C12.1951 22.0797 12.4676 22.0022 12.7181 21.8473C12.9686 21.6882 13.1714 21.4772 13.3265 21.2135C13.4856 20.9456 13.5677 20.6484 13.5717 20.3219C13.5677 19.8448 13.3968 19.4363 13.059 19.0973C12.7249 18.7582 12.3383 18.5885 11.9008 18.5885ZM12.0922 8.84241C11.3206 8.84241 10.6125 8.97849 9.96814 9.25061C9.32386 9.51854 8.80712 9.94147 8.41736 10.5192C8.02759 11.0927 7.82863 11.8403 7.82068 12.7614H10.8754C10.8754 12.5186 10.9291 12.3049 11.0365 12.1207C11.1478 11.9367 11.2923 11.7918 11.4711 11.6871C11.6539 11.5825 11.8531 11.53 12.0677 11.5299C12.2665 11.5299 12.4477 11.5739 12.6107 11.6617C12.7738 11.7497 12.903 11.8737 12.9984 12.0328C13.0938 12.1918 13.1419 12.3755 13.142 12.5846C13.142 12.819 13.0826 13.0293 12.9633 13.2135C12.8479 13.3976 12.6884 13.5708 12.4857 13.734C12.2869 13.8972 12.0604 14.067 11.806 14.2428C11.5117 14.4438 11.2628 14.6703 11.0599 14.9215C10.8572 15.1684 10.7043 15.4968 10.601 15.9069C10.4976 16.3171 10.4457 16.8676 10.4457 17.5582V17.86H13.2611V17.5582C13.2611 17.2235 13.3112 16.939 13.4105 16.7047C13.51 16.4661 13.657 16.2542 13.8519 16.0699C14.0467 15.8817 14.2874 15.6998 14.5736 15.524C14.9633 15.2854 15.3038 15.0219 15.5941 14.733C15.8884 14.44 16.1166 14.1023 16.2797 13.7213C16.4466 13.3363 16.5306 12.8908 16.5306 12.3844C16.5306 11.5973 16.3373 10.9419 15.9515 10.4186C15.5658 9.89127 15.0394 9.49745 14.3715 9.23792C13.7033 8.97418 12.9432 8.84242 12.0922 8.84241Z', fill: 'currentColor' })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: 'clip0_2198_4563', children: jsxRuntime.jsx("rect", { width: '24', height: '24', fill: 'currentColor' }) }) })] }));
const Visible = ({ size = 20, className, ...props }) => (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, ...props, children: jsxRuntime.jsx("path", { d: 'M22.0828 11.3953C19.861 6.71484 16.5024 4.35938 12 4.35938C7.49533 4.35938 4.13908 6.71484 1.9172 11.3977C1.82808 11.5864 1.78186 11.7925 1.78186 12.0012C1.78186 12.2099 1.82808 12.416 1.9172 12.6047C4.13908 17.2852 7.49767 19.6406 12 19.6406C16.5047 19.6406 19.861 17.2852 22.0828 12.6023C22.2633 12.2227 22.2633 11.782 22.0828 11.3953ZM12 17.9531C8.21954 17.9531 5.45158 16.0359 3.49923 12C5.45158 7.96406 8.21954 6.04688 12 6.04688C15.7805 6.04688 18.5485 7.96406 20.5008 12C18.5508 16.0359 15.7828 17.9531 12 17.9531ZM11.9063 7.875C9.62814 7.875 7.78126 9.72188 7.78126 12C7.78126 14.2781 9.62814 16.125 11.9063 16.125C14.1844 16.125 16.0313 14.2781 16.0313 12C16.0313 9.72188 14.1844 7.875 11.9063 7.875ZM11.9063 14.625C10.4555 14.625 9.28126 13.4508 9.28126 12C9.28126 10.5492 10.4555 9.375 11.9063 9.375C13.357 9.375 14.5313 10.5492 14.5313 12C14.5313 13.4508 13.357 14.625 11.9063 14.625Z', fill: 'currentColor' }) }));
const View2D = ({ size = 24, className = '', color = 'currentColor', }) => {
return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, children: [jsxRuntime.jsx("rect", { x: '3', y: '3', width: '18', height: '18', rx: '2', stroke: color, strokeWidth: '2', fill: 'none' }), jsxRuntime.jsx("line", { x1: '3', y1: '9', x2: '21', y2: '9', stroke: color, strokeWidth: '2' }), jsxRuntime.jsx("line", { x1: '9', y1: '3', x2: '9', y2: '21', stroke: color, strokeWidth: '2' })] }));
};
const View3D = ({ size = 24, className = '', color = 'currentColor', }) => {
return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, children: [jsxRuntime.jsx("path", { d: 'M12 2L22 8.5V15.5L12 22L2 15.5V8.5L12 2Z', stroke: color, strokeWidth: '2', fill: 'none' }), jsxRuntime.jsx("line", { x1: '12', y1: '2', x2: '12', y2: '22', stroke: color, strokeWidth: '2' }), jsxRuntime.jsx("line", { x1: '2', y1: '8.5', x2: '22', y2: '8.5', stroke: color, strokeWidth: '2' }), jsxRuntime.jsx("line", { x1: '2', y1: '15.5', x2: '22', y2: '15.5', stroke: color, strokeWidth: '2' })] }));
};
const AirCommand = ({ className, ...props }) => (jsxRuntime.jsx("svg", { className: className, width: '212', height: '40', viewBox: '0 0 212 40', fill: 'currentcolor', xmlns: 'http://www.w3.org/2000/svg', ...props, children: jsxRuntime.jsx("path", { d: 'M8.045 31.5H1.227L8.91 8.227h8.636L25.227 31.5H18.41l-5.09-16.864h-.183L8.046 31.5Zm-1.272-9.182H19.59v4.727H6.773v-4.727Zm27.014-14.09V31.5h-6.318V8.227h6.318ZM36.78 31.5V8.227h10.046c1.727 0 3.238.315 4.534.943 1.295.63 2.303 1.534 3.023 2.716.72 1.182 1.08 2.599 1.08 4.25 0 1.667-.372 3.072-1.115 4.216-.734 1.144-1.768 2.008-3.102 2.591-1.326.583-2.875.875-4.648.875h-6V18.91h4.728c.742 0 1.375-.09 1.897-.273.53-.189.936-.488 1.216-.897.288-.41.432-.944.432-1.603 0-.666-.144-1.208-.432-1.625-.28-.424-.685-.734-1.216-.931-.522-.205-1.155-.307-1.897-.307h-2.228V31.5h-6.318Zm13.637-10.682L56.236 31.5h-6.864L43.69 20.818h6.728ZM78.202 15.5h-2.819c-.166-.81-.458-1.523-.874-2.136a5.826 5.826 0 0 0-1.5-1.546 6.366 6.366 0 0 0-1.944-.954 7.76 7.76 0 0 0-2.227-.319c-1.409 0-2.685.357-3.83 1.069-1.136.712-2.041 1.761-2.715 3.147-.667 1.387-1 3.088-1 5.103 0 2.015.333 3.715 1 5.102.674 1.386 1.58 2.435 2.715 3.148 1.145.712 2.421 1.068 3.83 1.068.773 0 1.515-.106 2.227-.318a6.517 6.517 0 0 0 1.944-.944 5.988 5.988 0 0 0 1.5-1.556 5.968 5.968 0 0 0 .874-2.137h2.819c-.212 1.19-.599 2.254-1.16 3.194a8.73 8.73 0 0 1-2.09 2.397 9.156 9.156 0 0 1-2.807 1.489c-1.03.34-2.133.511-3.307.511-1.985 0-3.75-.485-5.295-1.454-1.546-.97-2.762-2.349-3.648-4.137-.887-1.788-1.33-3.909-1.33-6.363 0-2.455.444-4.576 1.33-6.364.886-1.788 2.102-3.167 3.648-4.136 1.545-.97 3.31-1.455 5.295-1.455 1.174 0 2.277.17 3.307.511 1.038.341 1.973.841 2.807 1.5a8.573 8.573 0 0 1 2.09 2.387c.561.932.948 1.996 1.16 3.193Zm11.281 16.364c-1.576 0-2.958-.375-4.148-1.125-1.182-.75-2.106-1.8-2.772-3.148-.66-1.349-.99-2.924-.99-4.727 0-1.819.33-3.406.99-4.762.666-1.356 1.59-2.409 2.772-3.159 1.19-.75 2.572-1.125 4.148-1.125 1.576 0 2.954.375 4.136 1.125 1.19.75 2.114 1.803 2.773 3.16.667 1.355 1 2.942 1 4.76 0 1.804-.333 3.38-1 4.728-.659 1.348-1.583 2.398-2.773 3.148-1.181.75-2.56 1.125-4.136 1.125Zm0-2.41c1.197 0 2.182-.306 2.954-.92.773-.613 1.345-1.42 1.716-2.42.372-1 .557-2.084.557-3.25 0-1.167-.185-2.254-.557-3.262-.37-1.007-.943-1.822-1.716-2.443-.772-.621-1.757-.932-2.954-.932-1.197 0-2.182.31-2.955.932-.772.621-1.344 1.436-1.716 2.443-.37 1.008-.556 2.095-.556 3.262 0 1.166.185 2.25.556 3.25.372 1 .944 1.806 1.716 2.42.773.614 1.758.92 2.955.92Zm12.003 2.046V14.046h2.591v2.727h.227c.364-.932.951-1.656 1.761-2.17.811-.524 1.784-.785 2.921-.785 1.151 0 2.11.261 2.875.784.773.515 1.375 1.239 1.807 2.17h.181a5.086 5.086 0 0 1 2.012-2.147c.894-.538 1.966-.807 3.216-.807 1.56 0 2.837.489 3.829 1.466.993.97 1.489 2.481 1.489 4.534V31.5h-2.682V19.818c0-1.288-.352-2.208-1.057-2.761-.704-.553-1.534-.83-2.488-.83-1.228 0-2.178.372-2.853 1.114-.674.735-1.011 1.667-1.011 2.795V31.5h-2.727V19.546c0-.993-.322-1.792-.966-2.398-.644-.614-1.474-.92-2.489-.92-.697 0-1.348.185-1.954.556a4.2 4.2 0 0 0-1.455 1.546c-.364.651-.545 1.405-.545 2.26V31.5h-2.682Zm27.812 0V14.046h2.591v2.727h.227c.364-.932.951-1.656 1.762-2.17.81-.524 1.784-.785 2.92-.785 1.152 0 2.11.261 2.875.784.773.515 1.375 1.239 1.807 2.17h.182a5.083 5.083 0 0 1 2.011-2.147c.894-.538 1.966-.807 3.216-.807 1.561 0 2.837.489 3.83 1.466.992.97 1.488 2.481 1.488 4.534V31.5h-2.681V19.818c0-1.288-.353-2.208-1.057-2.761-.705-.553-1.534-.83-2.489-.83-1.227 0-2.178.372-2.852 1.114-.674.735-1.012 1.667-1.012 2.795V31.5h-2.727V19.546c0-.993-.322-1.792-.966-2.398-.644-.614-1.473-.92-2.488-.92-.697 0-1.349.185-1.955.556a4.206 4.206 0 0 0-1.454 1.546c-.364.651-.546 1.405-.546 2.26V31.5h-2.682Zm32.949.41c-1.106 0-2.11-.21-3.011-.626a5.164 5.164 0 0 1-2.148-1.83c-.53-.803-.795-1.772-.795-2.909 0-1 .197-1.81.591-2.431a4.162 4.162 0 0 1 1.579-1.478 8.295 8.295 0 0 1 2.182-.795c.803-.182 1.61-.326 2.42-.432 1.061-.136 1.921-.238 2.58-.307.667-.076 1.151-.2 1.454-.375.311-.174.466-.477.466-.909v-.09c0-1.122-.306-1.993-.92-2.614-.606-.622-1.527-.932-2.761-.932-1.281 0-2.285.28-3.012.84-.727.561-1.238 1.16-1.534 1.796l-2.545-.909c.454-1.06 1.06-1.886 1.818-2.477a6.81 6.81 0 0 1 2.5-1.25 10.38 10.38 0 0 1 2.682-.364c.56 0 1.204.068 1.931.205a6.177 6.177 0 0 1 2.125.806c.69.41 1.262 1.027 1.716 1.853.455.826.682 1.932.682 3.318v11.5h-2.682v-2.364h-.136c-.182.38-.485.785-.909 1.216-.424.432-.989.8-1.693 1.102-.705.304-1.565.455-2.58.455Zm.409-2.41c1.061 0 1.955-.208 2.682-.625.735-.417 1.288-.954 1.659-1.614a4.11 4.11 0 0 0 .568-2.08v-2.454c-.113.137-.363.262-.75.375-.378.106-.818.201-1.318.284-.492.076-.973.144-1.443.205-.462.053-.837.098-1.125.136-.697.091-1.349.239-1.955.444-.598.196-1.083.496-1.454.897-.364.394-.546.932-.546 1.614 0 .932.345 1.636 1.035 2.114.696.47 1.579.704 2.647.704Zm15.168-8.5v10.5h-2.682V14.046h2.591v2.727h.227a4.987 4.987 0 0 1 1.864-2.137c.833-.545 1.909-.818 3.227-.818 1.182 0 2.216.243 3.102.728.887.477 1.576 1.204 2.069 2.181.492.97.738 2.197.738 3.682V31.5h-2.682V20.59c0-1.37-.356-2.439-1.068-3.204-.712-.772-1.689-1.159-2.932-1.159-.856 0-1.621.186-2.295.557-.667.371-1.193.913-1.58 1.625-.386.712-.579 1.576-.579 2.591Zm22.628 10.864c-1.455 0-2.739-.368-3.853-1.103-1.113-.742-1.984-1.787-2.613-3.136-.629-1.356-.943-2.958-.943-4.807 0-1.833.314-3.424.943-4.773.629-1.348 1.504-2.39 2.625-3.125 1.121-.734 2.416-1.102 3.886-1.102 1.137 0 2.034.19 2.693.568.667.372 1.175.796 1.523 1.273.356.47.633.856.83 1.16h.227V8.226h2.682V31.5h-2.591v-2.682h-.318c-.197.318-.478.72-.841 1.205-.364.477-.883.905-1.557 1.284-.674.371-1.572.557-2.693.557Zm.363-2.41c1.076 0 1.985-.28 2.728-.84.742-.569 1.306-1.353 1.693-2.353.386-1.007.579-2.17.579-3.488 0-1.303-.189-2.444-.568-3.42-.379-.986-.939-1.75-1.682-2.296-.742-.553-1.659-.83-2.75-.83-1.136 0-2.083.292-2.841.875-.75.576-1.314 1.36-1.693 2.352-.371.985-.557 2.091-.557 3.319 0 1.242.19 2.37.569 3.386.386 1.008.954 1.81 1.704 2.41.758.59 1.697.886 2.818.886Z' }) }));
var Icons = /*#__PURE__*/Object.freeze({
__proto__: null,
AirCommand: AirCommand,
Arrowdown: Arrowdown,
Arrowup: Arrowup,
Circle: Circle,
Close: Close,
Commercial: Commercial,
Dark: Dark,
Drone: Drone,
Edit: Edit,
Error: Error,
Exit: Exit,
FighterJet: FighterJet,
Invisible: Invisible,
Light: Light,
Polygon: Polygon,
Rectangle: Rectangle,
Success: Success,
Trash: Trash,
UnknownAircraft: UnknownAircraft,
View2D: View2D,
View3D: View3D,
Visible: Visible
});
var styles$8 = {"button":"Button-module_button__2ZuB7","fullWidth":"Button-module_fullWidth__36oJT","small":"Button-module_small__l39oh","iconOnly":"Button-module_iconOnly__WCpTS","medium":"Button-module_medium__KTxdk","large":"Button-module_large__6bsb7","primary":"Button-module_primary__s1sM6","outline":"Button-module_outline__F5jq-","text":"Button-module_text__IDK7t","subtle":"Button-module_subtle__4khvE","iconText":"Button-module_iconText__0hS43","iconOutline":"Button-module_iconOutline__C1eXX","danger":"Button-module_danger__V4fX8","ghost":"Button-module_ghost__1KINV","icon":"Button-module_icon__-43u5"};
const Button = ({ children, variant = 'primary', size = 'medium', icon = null, iconOnly = false, disabled = false, onClick, type = 'button', className = '', fullWidth = false, style = {}, customColor, iconColor, }) => {
const classNames = [
styles$8.button,
styles$8[variant],
styles$8[size],
iconOnly && styles$8.iconOnly,
variant === 'iconOutline' && styles$8.iconOutline,
icon && children && styles$8.iconText,
disabled && styles$8.disabled,
fullWidth && styles$8.fullWidth,
className,
]
.filter(Boolean)
.join(' ');
const buttonStyle = {
...style,
...(customColor &&
{
'--button-custom-color': customColor,
}),
...(iconColor &&
{
'--icon-color': iconColor,
}),
};
const renderIcon = () => {
if (!icon)
return null;
const IconComponent = Icons[icon];
if (!IconComponent)
return null;
const iconProps = {
size: size === 'small' ? 16 : 20,
className: styles$8.icon,
style: iconColor ? { color: iconColor, fill: iconColor } : undefined,
};
return jsxRuntime.jsx(IconComponent, { ...iconProps });
};
return (jsxRuntime.jsxs("button", { type: type, className: classNames, onClick: onClick, disabled: disabled, style: buttonStyle, children: [renderIcon(), !iconOnly && children && jsxRuntime.jsx("span", { className: styles$8.text, children: children })] }));
};
var styles$7 = {"container":"Input-module_container__SeDH6","fullWidth":"Input-module_fullWidth__ESLXa","label":"Input-module_label__72frz","input":"Input-module_input__qYSHu"};
const Input = ({ label, id, fullWidth = false, ...props }) => {
const inputId = id ||
(label ? `input-${label.replace(/\s+/g, '-').toLowerCase()}` : undefined);
const containerClasses = [styles$7.container, fullWidth && styles$7.fullWidth]
.filter(Boolean)
.join(' ');
const inputClasses = [styles$7.input, fullWidth && styles$7.fullWidth]
.filter(Boolean)
.join(' ');
return (jsxRuntime.jsxs("div", { className: containerClasses, children: [label && (jsxRuntime.jsx("label", { htmlFor: inputId, className: styles$7.label, children: label })), jsxRuntime.jsx("input", { id: inputId, className: inputClasses, ...props })] }));
};
var styles$6 = {"container":"Select-module_container__W-QPt","label":"Select-module_label__bJdEr","selectBox":"Select-module_selectBox__xSgMP","disabled":"Select-module_disabled__nAPOL","selectedValue":"Select-module_selectedValue__W2-OP","placeholder":"Select-module_placeholder__5MU6k","arrow":"Select-module_arrow__jnSde","dropdown":"Select-module_dropdown__FoLbA","option":"Select-module_option__rGfAp","selected":"Select-module_selected__m8f9Q","searchInput":"Select-module_searchInput__ICS7Q","noOptions":"Select-module_noOptions__QxU8j"};
const Select = ({ label, options, placeholder = 'Select an Option', value, onChange, multiple = false, disabled = false, searchable = false, searchPlaceholder = 'Type to filter...', noOptionsText = 'No options found', }) => {
const [open, setOpen] = react.useState(false);
const [search, setSearch] = react.useState('');
const ref = react.useRef(null);
const inputRef = react.useRef(null);
react.useEffect(() => {
const handleClickOutside = (event) => {
if (ref.current && !ref.current.contains(event.target)) {
setOpen(false);
}
};
if (open) {
document.addEventListener('mousedown', handleClickOutside);
}
else {
document.removeEventListener('mousedown', handleClickOutside);
}
return () => {
document.removeEventListener('mousedown', handleClickOutside);
};
}, [open]);
react.useEffect(() => {
if (open && searchable && inputRef.current) {
inputRef.current.focus();
}
}, [open, searchable]);
const isSelected = (optionValue) => {
if (multiple && Array.isArray(value)) {
return value.includes(optionValue);
}
return value === optionValue;
};
const handleSelect = (optionValue) => {
if (disabled)
return;
if (multiple) {
if (!Array.isArray(value)) {
onChange([optionValue]);
}
else if (value.includes(optionValue)) {
onChange(value.filter(v => v !== optionValue));
}
else {
onChange([...value, optionValue]);
}
}
else {
onChange(optionValue);
setOpen(false);
setSearch('');
}
};
const displayValue = () => {
if (multiple && Array.isArray(value) && value.length > 0) {
if (value.length === 1) {
return options.find(o => o.value === value[0])?.label;
}
return `${value.length} Options Selected`;
}
if (!multiple && typeof value === 'string') {
return options.find(o => o.value === value)?.label;
}
return '';
};
const filteredOptions = searchable && search
? options.filter(option => option.label.toLowerCase().includes(search.toLowerCase()))
: options;
return (jsxRuntime.jsxs("div", { className: styles$6.container, ref: ref, children: [label && jsxRuntime.jsx("label", { className: styles$6.label, children: label }), jsxRuntime.jsxs("div", { className: styles$6.selectBox + (disabled ? ' ' + styles$6.disabled : ''), tabIndex: disabled ? -1 : 0, onClick: () => !disabled && setOpen(o => !o), onKeyDown: e => {
if ((e.key === 'Enter' || e.key === ' ') && !disabled)
setOpen(o => !o);
}, "aria-haspopup": 'listbox', "aria-expanded": open, "aria-disabled": disabled, children: [jsxRuntime.jsx("span", { className: styles$6.selectedValue, children: displayValue() || (jsxRuntime.jsx("span", { className: styles$6.placeholder, children: placeholder })) }), jsxRuntime.jsx("span", { className: styles$6.arrow })] }), open && (jsxRuntime.jsxs("div", { className: styles$6.dropdown, role: 'listbox', children: [searchable && (jsxRuntime.jsx("input", { ref: inputRef, className: styles$6.searchInput, type: 'text', value: search, onChange: e => setSearch(e.target.value), placeholder: searchPlaceholder, disabled: disabled, autoFocus: true })), filteredOptions.length === 0 && (jsxRuntime.jsx("div", { className: styles$6.noOptions, children: noOptionsText })), filteredOptions.map(option => (jsxRuntime.jsx("div", { className: styles$6.option +
(isSelected(option.value) ? ' ' + styles$6.selected : ''), role: 'option', "aria-selected": isSelected(option.value), onClick: () => handleSelect(option.value), children: option.label }, option.value)))] }))] }));
};
var styles$5 = {"navbar":"Navbar-module_navbar__Ey25T","left":"Navbar-module_left__F8Q2i","logo":"Navbar-module_logo__O9j3q","right":"Navbar-module_right__64OWF","welcome":"Navbar-module_welcome__pvv03","role":"Navbar-module_role__nW-xu","iconButton":"Navbar-module_iconButton__rJ3Dm","langButton":"Navbar-module_langButton__8u-rB","logoutButton":"Navbar-module_logoutButton__-bsWL"};
const Navbar = ({ welcomeText = 'Welcome John Doe', userRole = 'Commander', onThemeToggle, onLanguageChange, onLogout, }) => {
return (jsxRuntime.jsxs("nav", { className: styles$5.navbar, children: [jsxRuntime.jsx("div", { className: styles$5.left, children: jsxRuntime.jsx(AirCommand, { className: styles$5.logo }) }), jsxRuntime.jsxs("div", { className: styles$5.right, children: [jsxRuntime.jsxs("span", { className: styles$5.welcome, children: [welcomeText, " ", jsxRuntime.jsxs("span", { className: styles$5.role, children: ["(", userRole, ")"] })] }), jsxRuntime.jsx("button", { className: styles$5.iconButton, "aria-label": 'Toggle theme', onClick: onThemeToggle, child