@eleventheye/asui 1.7.3 → 1.8.0

package/dist/astextfield/ASTextField.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ASComponentSize } from '../apptypes/ASUI.types';
+type ASTextFieldProps = {
+    className?: string;
+    value: string;
+    onChange?: (value: string) => void;
+    size?: ASComponentSize;
+    showClearButton?: boolean;
+    showSearchIcon?: boolean;
+} & Pick<React.HTMLProps<HTMLInputElement>, 'style' | 'type' | 'placeholder' | 'id' | 'onBlur' | 'onFocus'>;
+declare const ASTextField: React.FC<ASTextFieldProps>;
+export default ASTextField;
+//# sourceMappingURL=ASTextField.d.ts.map

package/dist/astextfield/ASTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ASTextField.d.ts","sourceRoot":"","sources":["../../src/astextfield/ASTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAUzD,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,IAAI,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;AAE5G,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuG3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/astextfield/ASTextField.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const asui_1 = require("@eleventheye/asui");
+const ASUI_types_1 = require("../apptypes/ASUI.types");
+const styles_1 = require("./styles");
+const ASTextField = ({ className = '', value = '', onChange = () => undefined, size = ASUI_types_1.ASComponentSize.Medium, type = 'text', showClearButton = false, showSearchIcon = false, ...props }) => {
+    const genericId = (0, react_1.useId)();
+    const textFieldId = props.id || genericId;
+    const [valueString, setValueString] = (0, react_1.useState)(value);
+    const [clearIconVisible, setClearIconVisible] = (0, react_1.useState)(showClearButton);
+    const [searchIconVisible, setSearchIconVisible] = (0, react_1.useState)(showSearchIcon);
+    const [passwordIconVisible, setPasswordIconVisible] = (0, react_1.useState)(type === 'password');
+    const [rightIconCls, setRightIconCls] = (0, react_1.useState)('RightIconOff');
+    const [leftIconCls, setLeftIconCls] = (0, react_1.useState)('LeftIconOff');
+    const [passwordCls, setPasswordCls] = (0, react_1.useState)('');
+    const [showType, setShowType] = (0, react_1.useState)(type);
+    (0, react_1.useEffect)(() => {
+        let searchIcon = showSearchIcon;
+        let clearIcon = showClearButton;
+        if (type === 'search') {
+            searchIcon = true;
+        }
+        if (type === 'email') {
+            clearIcon = true;
+        }
+        if (type === 'password') {
+            setPasswordIconVisible(true);
+        }
+        setSearchIconVisible(searchIcon);
+        setClearIconVisible(clearIcon);
+    }, [showClearButton, showSearchIcon, type]);
+    (0, react_1.useEffect)(() => {
+        setRightIconCls(clearIconVisible ? 'RightIconOn' : 'RightIconOff');
+    }, [clearIconVisible]);
+    (0, react_1.useEffect)(() => {
+        setLeftIconCls(searchIconVisible ? 'LeftIconOn' : 'LeftIconOff');
+        setRightIconCls(searchIconVisible ? 'RightIconOn' : 'RightIconOff');
+    }, [searchIconVisible]);
+    (0, react_1.useEffect)(() => {
+        setPasswordCls(passwordIconVisible ? 'PasswordOn' : '');
+    }, [passwordIconVisible]);
+    const onValueChange = (e) => {
+        const target = e.target;
+        setValueString(target.value);
+        onChange(target.value);
+    };
+    const clearValue = () => {
+        setValueString('');
+        onChange('');
+    };
+    const onInputFieldFocus = (e) => {
+        const target = e.target;
+        target.select();
+        return e;
+    };
+    const onPasswordShowHide = () => {
+        setShowType(showType === 'password' ? 'text' : 'password');
+    };
+    const baseCls = `"ASTextFieldInputContainer" ${size} ${leftIconCls} ${rightIconCls} ${passwordCls} ${className}`;
+    return ((0, jsx_runtime_1.jsxs)(styles_1.ASTextFieldInputContainer, { className: baseCls, style: props.style, children: [searchIconVisible && ((0, jsx_runtime_1.jsx)(styles_1.ASTextFieldSearchIcon, { className: "ASTextFieldSearchIcon", children: (0, jsx_runtime_1.jsx)(asui_1.SearchIcon, { color: "#333333", size: 24 }) })), (0, jsx_runtime_1.jsx)(styles_1.ASTextFieldInput, { id: textFieldId, className: "ASTextFieldInput", type: showType, value: valueString, onChange: onValueChange, onFocus: onInputFieldFocus, ...props }), (0, jsx_runtime_1.jsx)(styles_1.ASTextFieldClickIcon, { className: "ASTextFieldClearIcon", onClick: clearValue, children: (0, jsx_runtime_1.jsx)(asui_1.CloseIcon, { color: "#333333", circleStrokeColor: "#333333", size: 24 }) }), passwordIconVisible && ((0, jsx_runtime_1.jsxs)(styles_1.ASTextFieldClickIcon, { className: "ASTextFieldPasswordIcon", onClick: onPasswordShowHide, children: [showType === 'password' && (0, jsx_runtime_1.jsx)(styles_1.ScaledEyeIcon, { color: "#333333", circleStrokeColor: "transparent", size: 24 }), showType === 'text' && (0, jsx_runtime_1.jsx)(styles_1.ScaledSlashedEyeIcon, { color: "#333333", circleStrokeColor: "transparent", size: 24 })] }))] }));
+};
+exports.default = ASTextField;

package/dist/astextfield/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ASTextField';
+//# sourceMappingURL=index.d.ts.map

package/dist/astextfield/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/astextfield/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/astextfield/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ASTextField_1 = require("./ASTextField");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ASTextField_1).default; } });

package/dist/astextfield/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const ASTextFieldInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ASTextFieldInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const ASTextFieldClickIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ASTextFieldSearchIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ScaledEyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@eleventheye/asui").IconProps, never>> & string & Omit<import("react").FC<import("@eleventheye/asui").IconProps>, keyof import("react").Component<any, {}, any>>;
+export declare const ScaledSlashedEyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@eleventheye/asui").IconProps, never>> & string & Omit<import("react").FC<import("@eleventheye/asui").IconProps>, keyof import("react").Component<any, {}, any>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/astextfield/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/astextfield/styles.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,yBAAyB,6NA+KrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,sOA+B5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAYhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,6NAIjC,CAAC;AAEF,eAAO,MAAM,aAAa,kRAOzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,kRAQhC,CAAC"}

package/dist/astextfield/styles.js

@@ -0,0 +1,258 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScaledSlashedEyeIcon = exports.ScaledEyeIcon = exports.ASTextFieldSearchIcon = exports.ASTextFieldClickIcon = exports.ASTextFieldInput = exports.ASTextFieldInputContainer = void 0;
+const asui_1 = require("@eleventheye/asui");
+const styled_components_1 = __importDefault(require("styled-components"));
+const mainYellow = '#ffd321';
+const mainGray33 = '#333333';
+const mainGray55 = '#555555';
+const mainGray66 = '#666666';
+const mainGray81 = '#818181';
+const mainGray97 = '#979797';
+const yellow30 = '#fff5b2';
+exports.ASTextFieldInputContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  position: relative;
+  max-width: 100%;
+  width: -webkit-fill-available;
+  min-width: 350px;
+  background: linear-gradient(to bottom, ${yellow30} 5%, ${mainYellow} 100%);
+  color: ${mainGray33};
+  border: 1px solid ${mainGray55};
+  border-radius: 35px;
+
+  &.RightIconOn {
+    .ASTextFieldClearIcon {
+      margin-right: 8px;
+      cursor: pointer;
+      color: ${mainGray55};
+      user-select: none;
+
+      &:hover {
+        text-shadow: 1px 1px 3px ${mainGray97};
+      }
+      &:active {
+        color: ${mainGray33};
+      }
+    }
+  }
+
+  &.LeftIconOn {
+    .ASTextFieldSearchIcon {
+      margin-left: 12px;
+      user-select: none;
+    }
+  }
+
+  &.RightIconOff {
+    .ASTextFieldClearIcon {
+      content-visibility: hidden;
+      margin-right: 0;
+    }
+  }
+
+  &.LeftIconOff {
+    .ASTextFieldSearchIcon {
+      content-visibility: hidden;
+    }
+  }
+
+  &.LeftIconOn.RightIconOn {
+    .ASTextFieldInput {
+      margin-right: 6px;
+      margin-left: 6px;
+    }
+  }
+
+  &.LeftIconOff.RightIconOff {
+    .ASTextFieldInput {
+      margin-right: 18px;
+      margin-left: 18px;
+    }
+  }
+
+  &.LeftIconOn.RightIconOff {
+    .ASTextFieldInput {
+      margin-right: 18px;
+      margin-left: 8px;
+    }
+  }
+
+  &.PasswordOn.LeftIconOff.RightIconOff,
+  &.LeftIconOff.RightIconOn {
+    .ASTextFieldInput {
+      margin-right: 6px;
+      margin-left: 18px;
+    }
+  }
+
+  &.ASSmall {
+    height: 30px;
+    .ASTextFieldInput {
+      margin-top: 4px;
+      margin-bottom: 4px;
+    }
+  }
+
+  &.ASMedium {
+    height: 40px;
+    .ASTextFieldInput {
+      margin-top: 5px;
+      margin-bottom: 5px;
+    }
+  }
+
+  &.ASLarge {
+    height: 50px;
+    .ASTextFieldInput {
+      margin-top: 6px;
+      margin-bottom: 6px;
+    }
+  }
+
+  &[class*='PasswordOn'].ASSmall,
+  &[class*='LeftIcon'][class*='RightIcon'].ASSmall {
+    .ASTextFieldClearIcon,
+    .ASTextFieldSearchIcon {
+      font-size: 1.5rem;
+      font-weight: 400;
+      line-height: 1;
+    }
+    > input.ASTextFieldInput {
+      font-size: 0.9rem;
+      font-weight: 400;
+      height: -webkit-fill-available;
+    }
+  }
+
+  &[class*='PasswordOn'].ASMedium,
+  &[class*='LeftIcon'][class*='RightIcon'].ASMedium {
+    .ASTextFieldClearIcon,
+    .ASTextFieldSearchIcon {
+      font-size: 1.75rem;
+      font-weight: 500;
+      line-height: 1;
+    }
+    > input.ASTextFieldInput {
+      font-size: 1.25rem;
+      font-weight: 600;
+      height: -webkit-fill-available;
+    }
+  }
+
+  &[class*='PasswordOn'].ASLarge,
+  &[class*='LeftIcon'][class*='RightIcon'].ASLarge {
+    .ASTextFieldClearIcon,
+    .ASTextFieldSearchIcon {
+      font-size: 2rem;
+      font-weight: 600;
+      line-height: 1;
+    }
+    > input.ASTextFieldInput {
+      font-size: 1.5rem;
+      font-weight: 600;
+      height: -webkit-fill-available;
+    }
+  }
+
+  &[class*='PasswordOn'] > input[type='search' i]::-webkit-search-cancel-button {
+    color: transparent;
+  }
+
+  & input[type='search' i]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button {
+    opacity: 0;
+  }
+
+  // Chrome autofill update
+  // input:-webkit-autofill,
+  input:-webkit-autofill:hover,
+  input:-webkit-autofill:focus,
+  textarea:-webkit-autofill,
+  textarea:-webkit-autofill:hover,
+  textarea:-webkit-autofill:focus,
+  // select:-webkit-autofill,
+  select:-webkit-autofill:hover,
+  select:-webkit-autofill:focus {
+    border: 1px solid ${mainGray97};
+    -webkit-text-fill-color: ${mainGray66};
+    // -webkit-box-shadow: 0 0 0 1000px ${mainYellow} inset;
+    -webkit-box-shadow: inset 0 1px 7px 1px ${mainGray97};
+    transition: background-color 5000s ease-in-out 0s;
+  }
+  input:-webkit-autofill,
+  select: -webkit-autofill {
+    border: 1px solid ${mainGray97};
+    -webkit-text-fill-color: ${mainGray66};
+  }
+`;
+exports.ASTextFieldInput = styled_components_1.default.input `
+  font-family: 'Saira Extra Condensed';
+  width: 100%;
+  // appearance: textfield;
+  outline: none;
+  transition: all 0.5s ease-in-out;
+  border-radius: 4px;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  border: thin solid ${mainGray81};
+  background-color: transparent;
+  background: linear-gradient(to bottom, ${mainYellow} 5%, ${yellow30} 100%);
+  padding-inline: 6px;
+  color: ${mainGray33};
+
+  &:hover {
+    border: thin solid ${mainGray55};
+    box-shadow: inset 0 1px 7px 1px ${mainGray33};
+  }
+  &:active,
+  &:focus {
+    border: thin solid ${mainGray55};
+    // outline: thin solid ${mainGray55};
+    box-shadow: inset 0 1px 7px 1px ${mainGray33};
+    background: linear-gradient(to top, ${mainYellow} 15%, ${yellow30} 100%);
+    color: ${mainGray33};
+  }
+  &::placeholder {
+    color: ${mainGray66};
+    font-weight: 300;
+  }
+`;
+exports.ASTextFieldClickIcon = styled_components_1.default.div `
+  margin-right: 8px;
+  cursor: pointer;
+  color: ${mainGray55};
+  user-select: none;
+
+  &:hover {
+    text-shadow: 1px 1px 3px ${mainGray97};
+  }
+  &:active {
+    color: ${mainGray33};
+  }
+`;
+exports.ASTextFieldSearchIcon = styled_components_1.default.div `
+  margin-left: 12px;
+  user-select: none;
+  color: ${mainGray55};
+`;
+exports.ScaledEyeIcon = (0, styled_components_1.default)(asui_1.EyeIcon) `
+  cursor: pointer;
+  user-select: none;
+  scale: 1.3;
+  &:hover {
+    scale: 1.4;
+  }
+`;
+exports.ScaledSlashedEyeIcon = (0, styled_components_1.default)(asui_1.EyeSlashIcon) `
+  cursor: pointer;
+  user-select: none;
+  scale: 1.3;
+  transition: scale 0.3s ease-in-out;
+  &:hover {
+    scale: 1.4;
+  }
+`;

package/dist/icons/AddItemIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const AddItemIcon: React.FC<IconProps>;
 export default AddItemIcon;
 //# sourceMappingURL=AddItemIcon.d.ts.map

package/dist/icons/AddItemIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddItemIcon.d.ts","sourceRoot":"","sources":["../../src/icons/AddItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BpC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AddItemIcon.d.ts","sourceRoot":"","sources":["../../src/icons/AddItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BpC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/icons/AddItemIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const AddItemIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.74 15.8V14.42H9.36V13.03h1.38V11.65h1.39v1.39h1.39v1.39H12.13v1.39H10.74ZM7.98 4.73c-1.15 0-2.08.93-2.08 2.08V16.5c0 1.15.93 2.08 2.08 2.08h8.31c1.15 0 2.08-.93 2.08-2.08V9.58c0-2.68-2.17-4.85-4.85-4.85H7.98Zm0 1.39h4.84V9.58h4.16V16.5c0 .39-.31.69-.69.69H7.98c-.39 0-.69-.31-.69-.69V6.8c0-.39.31-.69.69-.69Zm6.23.06c1.12.23 2.04.99 2.48 2.02H14.21V6.17Z", fill: color })] }) }));
 };

package/dist/icons/AddUserIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const AddUserIcon: React.FC<IconProps>;
 export default AddUserIcon;
 //# sourceMappingURL=AddUserIcon.d.ts.map

package/dist/icons/AddUserIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddUserIcon.d.ts","sourceRoot":"","sources":["../../src/icons/AddUserIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BpC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AddUserIcon.d.ts","sourceRoot":"","sources":["../../src/icons/AddUserIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BpC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/icons/AddUserIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const AddUserIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.15 11.18c1.49 0 2.7-1.21 2.7-2.7s-1.21-2.7-2.7-2.7-2.7 1.21-2.7 2.7 1.21 2.7 2.7 2.7Zm0-1.35c.75 0 1.35-.6 1.35-1.35s-.6-1.35-1.35-1.35-1.35.6-1.35 1.35.6 1.35 1.35 1.35Zm2.02 3.38c.37 0 .68.31.68.68v4.05h1.35v-4.05c0-1.12-.91-2.02-2.02-2.02H7.13c-1.12-.02-2.03.89-2.03 2.01v4.05H6.45v-4.05c0-.37.31-.68.68-.68h4.05ZM15.9 8.48h1.35v1.35h1.35v1.35H17.25v1.35H15.9v-1.35H14.55V9.83h1.35V8.48Z", fill: color })] }) }));
 };

package/dist/icons/CheckIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const CheckIcon: React.FC<IconProps>;
 export default CheckIcon;
 //# sourceMappingURL=CheckIcon.d.ts.map

package/dist/icons/CheckIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CheckIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CheckIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CheckIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/icons/CheckIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const CheckIcon = ({ className = '', style, size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, style: style, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "nonzero", d: "M10.24 16.31 6 12.07l1.41-1.41 2.83 2.83L15.9 7.83l1.41 1.41-7.07 7.07Z", fill: color })] }) }));
 };

package/dist/icons/CloseIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const CloseIcon: React.FC<IconProps>;
 export default CloseIcon;
 //# sourceMappingURL=CloseIcon.d.ts.map

package/dist/icons/CloseIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/icons/CloseIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const CloseIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { d: "M16.3394 9.32245C16.7434 8.94589 16.7657 8.31312 16.3891 7.90911C16.0126 7.50509 15.3798 7.48283 14.9758 7.85938L12.0497 10.5866L9.32245 7.66048C8.94589 7.25647 8.31312 7.23421 7.90911 7.61076C7.50509 7.98731 7.48283 8.62008 7.85938 9.0241L10.5866 11.9502L7.66048 14.6775C7.25647 15.054 7.23421 15.6868 7.61076 16.0908C7.98731 16.4948 8.62008 16.5171 9.0241 16.1405L11.9502 13.4133L14.6775 16.3394C15.054 16.7434 15.6868 16.7657 16.0908 16.3891C16.4948 16.0126 16.5171 15.3798 16.1405 14.9758L13.4133 12.0497L16.3394 9.32245Z", fill: color })] }) }));
 };

package/dist/icons/DeleteIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const DeleteIcon: React.FC<IconProps>;
 export default DeleteIcon;
 //# sourceMappingURL=DeleteIcon.d.ts.map

package/dist/icons/DeleteIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteIcon.d.ts","sourceRoot":"","sources":["../../src/icons/DeleteIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DeleteIcon.d.ts","sourceRoot":"","sources":["../../src/icons/DeleteIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/icons/DeleteIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const DeleteIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { d: "M15.5 7.5V6.8c0-.8-.6-1.4-1.4-1.4H9.9c-.8 0-1.4.6-1.4 1.4v.7H6.4c-.4 0-.7.3-.7.7s.3.7.7.7h.7v7.7c0 1.2.9 2.1 2.1 2.1h5.6c1.2 0 2.1-.9 2.1-2.1V8.9h.7c.4 0 .7-.3.7-.7s-.3-.7-.7-.7H15.5Zm-1.4-.7H9.9v.7h4.2V6.8Zm1.4 2.1h-7v7.7c0 .4.3.7.7.7h5.6c.4 0 .7-.3.7-.7V8.9ZM9.9 10.3h1.4v5.6H9.9V10.3Zm2.8 0h1.4v5.6H12.7V10.3Z", fillRule: "evenodd", clipRule: "evenodd", fill: color })] }) }));
 };

package/dist/icons/EyeIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const EyeIcon: React.FC<IconProps>;
 export default EyeIcon;
 //# sourceMappingURL=EyeIcon.d.ts.map

package/dist/icons/EyeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EyeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EyeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BhC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"EyeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EyeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BhC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/icons/EyeIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const EyeIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m12 5.5c4 0 7.4 2.7 8.3 6.5-.9 3.7-4.3 6.5-8.3 6.5-4-.1-7.4-2.8-8.3-6.5C4.6 8.3 8 5.5 12 5.5ZM12 17c-3.2 0-5.9-2.1-6.8-5C6.1 9.1 8.8 7 12 7s5.9 2.1 6.8 5c-.9 2.9-3.6 5-6.8 5zm2.9-5c0 1.6-1.3 2.9-2.9 2.9S9.1 13.6 9.1 12 10.4 9.1 12 9.1s2.9 1.3 2.9 2.9zm-1.4 0c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4.6-1.4 1.4-1.4 1.4.6 1.4 1.4z", fill: color })] }) }));
 };

package/dist/icons/EyeSlashIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const EyeSlashIcon: React.FC<IconProps>;
 export default EyeSlashIcon;
 //# sourceMappingURL=EyeSlashIcon.d.ts.map

package/dist/icons/EyeSlashIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EyeSlashIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EyeSlashIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoCrC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"EyeSlashIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EyeSlashIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoCrC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/icons/EyeSlashIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const EyeSlashIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M 18.12,6.32 C 13.7,9.63 9.22,12.88 4.76,16.15 a 0.72,0.72 0 0 0 -0.15,1 0.72,0.72 0 0 0 1,0.15 C 10.07,14.04 14.54,10.78 18.98,7.47 a 0.72,0.72 0 0 0 0.14,-1 0.72,0.72 0 0 0 -1,-0.14 z", fill: color }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m12 5.5c3.2 0 6.3 1.9 7.7 4.7.3.6.5 1.1.7 1.7-.8 3.2-3.5 5.8-6.8 6.3-3 .7-6.3-.5-8.2-2.9-.8-.9-1.4-2.1-1.7-3.3.8-3.2 3.5-5.7 6.7-6.3.5-.1 1-.1 1.6-.1zM12 17c-3 .1-5.9-2-6.8-4.9.1-.8.6-1.6 1.1-2.3 1.8-2.4 5.1-3.4 7.9-2.5 2.2.7 4 2.5 4.6 4.7-.9 2.9-3.7 5.1-6.8 5Zm2.9-5c.1 1.6-1.5 3.1-3.2 2.9-1.6-.2-2.9-1.9-2.5-3.5.3-1.6 2.1-2.7 3.6-2.1 1.2.3 2.1 1.5 2.1 2.7Zm-1.4 0c.1 1-1.2 1.8-2.1 1.3s-1-1.9-.1-2.5c.9-.7 2.3.1 2.2 1.2z", fill: color })] }) }));
 };

package/dist/icons/GamesIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const GamesIcon: React.FC<IconProps>;
 export default GamesIcon;
 //# sourceMappingURL=GamesIcon.d.ts.map

package/dist/icons/GamesIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GamesIcon.d.ts","sourceRoot":"","sources":["../../src/icons/GamesIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"GamesIcon.d.ts","sourceRoot":"","sources":["../../src/icons/GamesIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/icons/GamesIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const GamesIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.4 8.4c1.93 0 3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5h-7c-1.93 0-3.5-1.57-3.5-3.5S6.47 8.4 8.4 8.4h7ZM8.4 7h7c2.71 0 4.9 2.19 4.9 4.9 0 2.71-2.19 4.9-4.9 4.9h-7c-2.71 0-4.9-2.19-4.9-4.9C3.5 9.19 5.69 7 8.4 7Zm5.38 4.2c.18 0 .36.07.5.21.27.27.27.71 0 .98-.27.28-.72.28-.99 0-.27-.27-.27-.71 0-.98.14-.14.32-.21.5-.21Zm1.49-1.48c.18 0 .35.06.49.2.28.27.28.72 0 .99-.27.27-.71.27-.99 0-.27-.27-.27-.72 0-.99.14-.13.32-.2.5-.2Zm1.49 1.48c.18 0 .36.07.5.21.27.27.27.71 0 .98-.27.28-.72.28-.99 0-.27-.27-.27-.71 0-.98.14-.14.32-.21.5-.21Zm-1.51 1.49c.19-.01.38.06.52.2.28.27.28.72 0 .99-.27.27-.71.27-.99 0-.27-.27-.27-.72 0-.99.14-.12.3-.19.47-.2ZM7.66 13.94h1.4v-1.4h1.4v-1.4H9.06V9.74H7.66v1.4H6.26v1.4h1.4Z", fill: color })] }) }));
 };

package/dist/icons/GearUserIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const GearUserIcon: React.FC<IconProps>;
 export default GearUserIcon;
 //# sourceMappingURL=GearUserIcon.d.ts.map

package/dist/icons/GearUserIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GearUserIcon.d.ts","sourceRoot":"","sources":["../../src/icons/GearUserIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiCrC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"GearUserIcon.d.ts","sourceRoot":"","sources":["../../src/icons/GearUserIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiCrC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/icons/GearUserIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const GearUserIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.75 17.07c-.5-.13-.95-.3-1.38-.52-.41-.23-.82-.54-1.21-.95l-2.32 1-.94-1.59 2.03-1.54c-.06-.26-.1-.52-.14-.76-.04-.25-.05-.49-.05-.73 0-.26.02-.51.05-.76s.08-.49.15-.73L4.89 8.96l.94-1.59 2.33.98c.39-.39.78-.7 1.21-.94.41-.24.89-.41 1.41-.52l.26-2.49h1.95l.28 2.52c.44.06.91.23 1.39.53s.86.6 1.15.94l2.4-.99.89 1.59-2.07 1.56c.05.27.09.52.13.74.05.23.06.46.06.73 0 .23-.02.46-.06.7s-.09.5-.15.77l2.05 1.54-.92 1.59-2.32-1.02c-.42.4-.83.7-1.22.93s-.84.4-1.31.52l-.34 2.57h-1.88Zm-1.08-2.34V12.54c0-.6.49-1.1 1.1-1.1h2.19c.6 0 1.1.49 1.1 1.1v2.19Zm3.42-4.89A1.21 1.21 90 0011.88 8.62a1.21 1.21 90 00-1.2 1.21 1.21 1.21 90 001.21 1.21 1.21 1.21 90 001.21-1.21Z", stroke: color, fill: "none", strokeWidth: '1.25px', strokeLinecap: "round", strokeLinejoin: "round" })] }) }));
 };

package/dist/icons/HexagonIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const HexagonIcon: React.FC<IconProps>;
 export default HexagonIcon;
 //# sourceMappingURL=HexagonIcon.d.ts.map

package/dist/icons/HexagonIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HexagonIcon.d.ts","sourceRoot":"","sources":["../../src/icons/HexagonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BpC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"HexagonIcon.d.ts","sourceRoot":"","sources":["../../src/icons/HexagonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BpC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/icons/HexagonIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const HexagonIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "nonzero", d: "M7.7 14.16 11.9 16.5l4.2-2.34V9.64L11.9 7.3 7.7 9.64v4.52ZM11.9 4.9 5.6 8.4v7l6.3 3.5 6.3-3.5v-7L11.9 4.9Z", fill: color, stroke: color, strokeWidth: '0.2px' })] }) }));
 };

package/dist/icons/HomeIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const HomeIcon: React.FC<IconProps>;
 export default HomeIcon;
 //# sourceMappingURL=HomeIcon.d.ts.map

package/dist/icons/HomeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HomeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/HomeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"HomeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/HomeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/icons/HomeIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const HomeIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.7 7.2c0 .4-.3.6-.6.6-.4 0-.6-.3-.6-.6s.3-.6.6-.6c.4 0 .6.3.6.6Zm-.6 2.6c.4 0 .6-.3.6-.6s-.3-.6-.6-.6c-.4 0-.6.3-.6.6s.3.6.6.6Zm.6 6.3c0 .4-.3.6-.6.6-.4 0-.6-.3-.6-.6s.3-.6.6-.6c.4 0 .6.3.6.6Zm-.6-4.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6-.4 0-.6.3-.6.6 0 .4.3.6.6.6Zm2.5-4.4c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6ZM12 9.8c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6Zm.6 6.3c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6Zm1.3-8.2c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6Zm.6 1.3c0 .4-.3.6-.6.6s-.6-.3-.6-.6.3-.6.6-.6.6.3.6.6Zm-.6 7.6c.4 0 .6-.3.6-.6s-.3-.6-.6-.6-.6.3-.6.6.3.6.6.6ZM9.5 4.7c-1.1 0-1.9.8-1.9 1.9V16.7c0 1.1.8 1.9 1.9 1.9h5c1.1 0 1.9-.8 1.9-1.9V6.6c0-1.1-.8-1.9-1.9-1.9h-5Zm5 1.3h-5c-.4 0-.6.3-.6.6V16.7c0 .4.3.6.6.6h5c.4 0 .6-.3.6-.6V6.6c0-.4-.3-.6-.6-.6Z", fill: color })] }) }));
 };

package/dist/icons/LockIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const LockIcon: React.FC<IconProps>;
 export default LockIcon;
 //# sourceMappingURL=LockIcon.d.ts.map

package/dist/icons/LockIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LockIcon.d.ts","sourceRoot":"","sources":["../../src/icons/LockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"LockIcon.d.ts","sourceRoot":"","sources":["../../src/icons/LockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/icons/LockIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const LockIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "nonzero", d: "M15.75 10.69c1.12 0 2.02.9 2.02 2.02v4.05c0 1.12-.9 2.02-2.02 2.02H7.65c-1.12 0-2.02-.9-2.02-2.02v-4.05c0-1.12.9-2.02 2.02-2.02V8.67c0-2.23 1.82-4.05 4.05-4.05s4.05 1.82 4.05 4.05v2.02ZM11.7 5.96c1.49 0 2.7 1.21 2.7 2.7v2.02H9V8.66c0-1.49 1.21-2.7 2.7-2.7Zm4.05 6.08H7.65c-.37 0-.68.3-.68.68v4.05c0 .37.3.68.68.68h8.1c.37 0 .68-.3.68-.68v-4.05c0-.37-.3-.68-.68-.68Z", fill: color, stroke: color, strokeWidth: '0.2px' })] }) }));
 };

package/dist/icons/PenIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const PenIcon: React.FC<IconProps>;
 export default PenIcon;
 //# sourceMappingURL=PenIcon.d.ts.map

package/dist/icons/PenIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PenIcon.d.ts","sourceRoot":"","sources":["../../src/icons/PenIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BhC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"PenIcon.d.ts","sourceRoot":"","sources":["../../src/icons/PenIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BhC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/icons/PenIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const PenIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = '#transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "m15.23 10.2-1.45-1.45.51-.51c.2-.2.52-.2.72 0l.72.72c.2.2.2.52 0 .72l-.51.51Zm-.93.93-1.45-1.45-3.27 3.27 1.45 1.45 3.27-3.27Zm2.18-4.36.72.72c.2.2.2.52 0 .72l-.45.45c.28.57.17 1.27-.3 1.75l-5.42 5.44-2.9-2.9 5.44-5.43c.47-.47 1.18-.58 1.75-.3l.45-.45c.2-.2.52-.2.72 0ZM6.62 17.35l1.09-3.98 2.89 2.89-3.98 1.09Z", fill: color })] }) }));
 };

package/dist/icons/RulerIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const RulerIcon: React.FC<IconProps>;
 export default RulerIcon;
 //# sourceMappingURL=RulerIcon.d.ts.map

package/dist/icons/RulerIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RulerIcon.d.ts","sourceRoot":"","sources":["../../src/icons/RulerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"RulerIcon.d.ts","sourceRoot":"","sources":["../../src/icons/RulerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/icons/RulerIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const RulerIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { d: "M9.7 8.6v2.1c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4v3.5c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4v2.1c0 .4.3.7.7.7s.7-.3.7-.7V8.6h1.4c.4 0 .7.3.7.7v4.9c0 .4-.3.7-.7.7H5.5c-.4 0-.7-.3-.7-.7V9.3c0-.4.3-.7.7-.7H6.9v3.5c0 .4.3.7.7.7s.7-.3.7-.7V8.6H9.7ZM5.5 7.2H18.1c1.2 0 2.1.9 2.1 2.1v4.9c0 1.2-.9 2.1-2.1 2.1H5.5c-1.2 0-2.1-.9-2.1-2.1V9.3c0-1.2.9-2.1 2.1-2.1Z", fillRule: "evenodd", clipRule: "evenodd", fill: color })] }) }));
 };

package/dist/icons/SaveIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const SaveIcon: React.FC<IconProps>;
 export default SaveIcon;
 //# sourceMappingURL=SaveIcon.d.ts.map

package/dist/icons/SaveIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SaveIcon.d.ts","sourceRoot":"","sources":["../../src/icons/SaveIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsCjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"SaveIcon.d.ts","sourceRoot":"","sources":["../../src/icons/SaveIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsCjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/icons/SaveIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const SaveIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9ZM11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M6.81 10.75c0-2.17 1.76-3.94 3.94-3.94v1.13c-1.55 0-2.81 1.26-2.81 2.81H6.81Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M13.25 16.06c1.55 0 2.81-1.26 2.81-2.81h1.13c0 2.17-1.76 3.94-3.94 3.94v-1.13Z", fill: color }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3.75C7.44 3.75 3.75 7.44 3.75 12c0 4.56 3.69 8.25 8.25 8.25 4.56 0 8.25-3.69 8.25-8.25 0-4.56-3.69-8.25-8.25-8.25ZM5.25 12c0 3.73 3.02 6.75 6.75 6.75s6.75-3.02 6.75-6.75S15.73 5.25 12 5.25 5.25 8.27 5.25 12Z", fill: color })] }) }));
 };

package/dist/icons/SearchIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IconProps } from './Icons.types';
+declare const SearchIcon: React.FC<IconProps>;
+export default SearchIcon;
+//# sourceMappingURL=SearchIcon.d.ts.map

package/dist/icons/SearchIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.d.ts","sourceRoot":"","sources":["../../src/icons/SearchIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/icons/SearchIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const SearchIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = 'transparent', }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.3 7.4c-1.7-1.6-4.3-1.6-6 0-1.6 1.7-1.6 4.3 0 6 1.7 1.6 4.3 1.6 6 0 1.6-1.7 1.6-4.3 0-6Zm1.4 6.4s0 0 .1.1l2.9 2.9c.3.3.3.7 0 1-.2.3-.7.3-1 0l-2.9-3s-.1 0-.1 0c-2.2 1.7-5.3 1.6-7.4-.5-2.1-2.1-2.1-5.7 0-7.9 2.2-2.2 5.8-2.2 8 0 2 2 2.1 5.2.4 7.4Z", fill: color })] }) }));
+};
+exports.default = SearchIcon;

package/dist/icons/TimeLapseIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const TimeLapseIcon: React.FC<IconProps>;
 export default TimeLapseIcon;
 //# sourceMappingURL=TimeLapseIcon.d.ts.map

package/dist/icons/TimeLapseIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeLapseIcon.d.ts","sourceRoot":"","sources":["../../src/icons/TimeLapseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BtC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TimeLapseIcon.d.ts","sourceRoot":"","sources":["../../src/icons/TimeLapseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6BtC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/icons/TimeLapseIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const TimeLapseIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { d: "M12.03 17.33c-1.51 0-2.77-.63-3.78-1.51l3.78-3.78V6.74c2.9 0 5.29 2.39 5.29 5.29s-2.39 5.29-5.29 5.29Zm8.32-5.3c0 4.54-3.78 8.32-8.32 8.32s-8.32-3.78-8.32-8.32 3.78-8.32 8.32-8.32 8.32 3.79 8.32 8.32Zm-1.51 0c0 3.78-3.02 6.8-6.8 6.8s-6.81-3.02-6.81-6.8 3.02-6.8 6.8-6.8 6.8 3.02 6.8 6.8Z", fillRule: "evenodd", clipRule: "evenodd", fill: color })] }) }));
 };

package/dist/icons/UnlockIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const UnlockIcon: React.FC<IconProps>;
 export default UnlockIcon;
 //# sourceMappingURL=UnlockIcon.d.ts.map

package/dist/icons/UnlockIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnlockIcon.d.ts","sourceRoot":"","sources":["../../src/icons/UnlockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"UnlockIcon.d.ts","sourceRoot":"","sources":["../../src/icons/UnlockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/icons/UnlockIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const UnlockIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "nonzero", d: "M15.75 11.7c.369 0 .675.306.675.675v4.05c0 .369-.306.675-.675.675h-8.1c-.369 0-.675-.306-.675-.675v-4.05c0-.369.306-.675.675-.675h8.1Zm.675-3.375c0-2.232-1.818-4.05-4.05-4.05s-4.05 1.818-4.05 4.05V10.35H7.65c-1.125 0-2.025.9-2.025 2.025v4.05c0 1.125.9 2.025 2.025 2.025h8.1c1.125 0 2.025-.9 2.025-2.025v-4.05c0-1.125-.9-2.025-2.025-2.025H9.675V8.325c0-1.494 1.206-2.7 2.7-2.7s2.7 1.206 2.7 2.7h1.35Z", fill: color, stroke: color, strokeWidth: '0.2px' })] }) }));
 };

package/dist/icons/UserSettingsIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '../icons/Icons.types';
+import { IconProps } from './Icons.types';
 declare const UserSettingsIcon: React.FC<IconProps>;
 export default UserSettingsIcon;
 //# sourceMappingURL=UserSettingsIcon.d.ts.map

package/dist/icons/UserSettingsIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserSettingsIcon.d.ts","sourceRoot":"","sources":["../../src/icons/UserSettingsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2BzC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"UserSettingsIcon.d.ts","sourceRoot":"","sources":["../../src/icons/UserSettingsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2BzC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/icons/UserSettingsIcon.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("../icons/styles");
+const styles_1 = require("./styles");
 const UserSettingsIcon = ({ className = '', size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { d: "m9.7 11.6c-.4 0-.8.2-.8.6-.1 1.5 0 3 0 4.5 1.1.6 2.3 1.2 3.4 1.7 1.1-.5 2.2-1.1 3.2-1.7v-3.9c0-.4 0-1.1-.7-1.2zm2.4-6.13C10.8 5.37 10 7.1 10.7 8s2.41.87 2.91-.13c.7-1-.06-2.44-1.51-2.4zm.1-1.5c1.6 0 3 1.23 3.2 2.63.4 1.6-1.1 3.4-2.9 3.4h1.9c1.3-.1 2.6.7 2.7 1.9v3.9c.3-.2.5-.3.8-.5V10h1.6v6c-2.46 1.5-4.8 2.78-7.2 4.2-2.48-1.44-5.14-2.78-7.6-4.2v-6h1.7v5.3c.3.1.5.3.8.5V12.6c-.1-1.1.7-2.3 1.9-2.5.9-.1 1.8-.1 2.8-.1-1.6-.2-2.9-1.4-3-2.7-.2-1.7 1.4-3.43 3.3-3.33Z", fill: color })] }) }));
 };

package/dist/icons/index.d.ts

@@ -32,6 +32,8 @@ export * from './RulerIcon';
 export { default as RulerIcon } from './RulerIcon';
 export * from './SaveIcon';
 export { default as SaveIcon } from './SaveIcon';
+export * from './SearchIcon';
+export { default as SearchIcon } from './SearchIcon';
 export * from './TimeLapseIcon';
 export { default as TimeLapseIcon } from './TimeLapseIcon';
 export * from './UnlockIcon';

package/dist/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/D,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE3D,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGjE,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/D,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE3D,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGjE,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/icons/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.SaveIcon = exports.RulerIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.AddUserIcon = exports.AddItemIcon = void 0;
+exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.AddUserIcon = exports.AddItemIcon = void 0;
 __exportStar(require("./AddItemIcon"), exports);
 var AddItemIcon_1 = require("./AddItemIcon");
 Object.defineProperty(exports, "AddItemIcon", { enumerable: true, get: function () { return __importDefault(AddItemIcon_1).default; } });
@@ -69,6 +69,9 @@ Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function ()
 __exportStar(require("./SaveIcon"), exports);
 var SaveIcon_1 = require("./SaveIcon");
 Object.defineProperty(exports, "SaveIcon", { enumerable: true, get: function () { return __importDefault(SaveIcon_1).default; } });
+__exportStar(require("./SearchIcon"), exports);
+var SearchIcon_1 = require("./SearchIcon");
+Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(SearchIcon_1).default; } });
 __exportStar(require("./TimeLapseIcon"), exports);
 var TimeLapseIcon_1 = require("./TimeLapseIcon");
 Object.defineProperty(exports, "TimeLapseIcon", { enumerable: true, get: function () { return __importDefault(TimeLapseIcon_1).default; } });

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { default as ASTextField } from './astextfield/ASTextField';
 export { default as AddItemIcon } from './icons/AddItemIcon';
 export { default as AddUserIcon } from './icons/AddUserIcon';
 export { default as CheckIcon } from './icons/CheckIcon';
@@ -17,6 +18,7 @@ export { default as LockIcon } from './icons/LockIcon';
 export { default as PenIcon } from './icons/PenIcon';
 export { default as RulerIcon } from './icons/RulerIcon';
 export { default as SaveIcon } from './icons/SaveIcon';
+export { default as SearchIcon } from './icons/SearchIcon';
 export { default as TimeLapseIcon } from './icons/TimeLapseIcon';
 export { default as UnlockIcon } from './icons/UnlockIcon';
 export { default as UserSettingsIcon } from './icons/UserSettingsIcon';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -17,7 +17,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.SaveIcon = exports.RulerIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.AddUserIcon = exports.AddItemIcon = void 0;
+exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.AddUserIcon = exports.AddItemIcon = exports.ASTextField = void 0;
+var ASTextField_1 = require("./astextfield/ASTextField");
+Object.defineProperty(exports, "ASTextField", { enumerable: true, get: function () { return __importDefault(ASTextField_1).default; } });
 var AddItemIcon_1 = require("./icons/AddItemIcon");
 Object.defineProperty(exports, "AddItemIcon", { enumerable: true, get: function () { return __importDefault(AddItemIcon_1).default; } });
 var AddUserIcon_1 = require("./icons/AddUserIcon");
@@ -53,6 +55,8 @@ var RulerIcon_1 = require("./icons/RulerIcon");
 Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function () { return __importDefault(RulerIcon_1).default; } });
 var SaveIcon_1 = require("./icons/SaveIcon");
 Object.defineProperty(exports, "SaveIcon", { enumerable: true, get: function () { return __importDefault(SaveIcon_1).default; } });
+var SearchIcon_1 = require("./icons/SearchIcon");
+Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(SearchIcon_1).default; } });
 var TimeLapseIcon_1 = require("./icons/TimeLapseIcon");
 Object.defineProperty(exports, "TimeLapseIcon", { enumerable: true, get: function () { return __importDefault(TimeLapseIcon_1).default; } });
 var UnlockIcon_1 = require("./icons/UnlockIcon");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eleventheye/asui",
-  "version": "1.7.3",
+  "version": "1.8.0",
   "private": false,
   "description": "AS UI React Library by eleventheye (another one!)",
   "keywords": [