mayak-common-library 0.0.26 → 0.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +917 -445
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -9,15 +9,21 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
9
  var __getProtoOf = Object.getPrototypeOf;
10
10
  var __hasOwnProp = Object.prototype.hasOwnProperty;
11
11
  var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
+ var __defNormalProp = (obj, key, value) =>
13
+ key in obj
14
+ ? __defProp(obj, key, {
15
+ enumerable: true,
16
+ configurable: true,
17
+ writable: true,
18
+ value,
19
+ })
20
+ : (obj[key] = value);
13
21
  var __spreadValues = (a, b) => {
14
22
  for (var prop in b || (b = {}))
15
- if (__hasOwnProp.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
23
+ if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
17
24
  if (__getOwnPropSymbols)
18
25
  for (var prop of __getOwnPropSymbols(b)) {
19
- if (__propIsEnum.call(b, prop))
20
- __defNormalProp(a, prop, b[prop]);
26
+ if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
21
27
  }
22
28
  return a;
23
29
  };
@@ -39,22 +45,31 @@ var __export = (target, all) => {
39
45
  __defProp(target, name, { get: all[name], enumerable: true });
40
46
  };
41
47
  var __copyProps = (to, from, except, desc) => {
42
- if (from && typeof from === "object" || typeof from === "function") {
48
+ if ((from && typeof from === "object") || typeof from === "function") {
43
49
  for (let key of __getOwnPropNames(from))
44
50
  if (!__hasOwnProp.call(to, key) && key !== except)
45
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
51
+ __defProp(to, key, {
52
+ get: () => from[key],
53
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
54
+ });
46
55
  }
47
56
  return to;
48
57
  };
49
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
50
- // If the importer is in node compatibility mode or this is not an ESM
51
- // file that has been converted to a CommonJS file using a Babel-
52
- // compatible transform (i.e. "__esModule" has not been set), then set
53
- // "default" to the CommonJS "module.exports" for node compatibility.
54
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
55
- mod
56
- ));
57
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
58
+ var __toESM = (mod, isNodeMode, target) => (
59
+ (target = mod != null ? __create(__getProtoOf(mod)) : {}),
60
+ __copyProps(
61
+ // If the importer is in node compatibility mode or this is not an ESM
62
+ // file that has been converted to a CommonJS file using a Babel-
63
+ // compatible transform (i.e. "__esModule" has not been set), then set
64
+ // "default" to the CommonJS "module.exports" for node compatibility.
65
+ isNodeMode || !mod || !mod.__esModule
66
+ ? __defProp(target, "default", { value: mod, enumerable: true })
67
+ : target,
68
+ mod,
69
+ )
70
+ );
71
+ var __toCommonJS = (mod) =>
72
+ __copyProps(__defProp({}, "__esModule", { value: true }), mod);
58
73
 
59
74
  // src/index.ts
60
75
  var src_exports = {};
@@ -86,7 +101,7 @@ __export(src_exports, {
86
101
  Slider: () => Slider_default,
87
102
  Switch: () => Switch_default,
88
103
  TeamPersonCard: () => TeamPersonCard_default,
89
- Text: () => Text_default
104
+ Text: () => Text_default,
90
105
  });
91
106
  module.exports = __toCommonJS(src_exports);
92
107
 
@@ -107,18 +122,28 @@ var StyledButton = (0, import_material.styled)(import_Button.default)(() => ({
107
122
  "&:hover": {
108
123
  backgroundColor: "unset",
109
124
  svg: {
110
- filter: "brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(806%) hue-rotate(339deg) brightness(83%) contrast(85%)"
111
- }
125
+ filter:
126
+ "brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(806%) hue-rotate(339deg) brightness(83%) contrast(85%)",
127
+ },
112
128
  },
113
129
  transition: "transform 0.1s ease-in-out",
114
130
  "&:active": {
115
131
  // p: {
116
132
  // transform: "scale(0.99)",
117
133
  // },
118
- }
134
+ },
119
135
  }));
120
136
  var Button = (props) => {
121
- const _a = props, { children, base, bolt, border, small, large } = _a, rest = __objRest(_a, ["children", "base", "bolt", "border", "small", "large"]);
137
+ const _a = props,
138
+ { children, base, bolt, border, small, large } = _a,
139
+ rest = __objRest(_a, [
140
+ "children",
141
+ "base",
142
+ "bolt",
143
+ "border",
144
+ "small",
145
+ "large",
146
+ ]);
122
147
  return /* @__PURE__ */ React.createElement(
123
148
  StyledButton,
124
149
  __spreadProps(__spreadValues({}, rest), {
@@ -126,36 +151,45 @@ var Button = (props) => {
126
151
  className: `${base ? "bg-accent-dark rounded-none text-white hover:bg-accent-beige text-base" : ""}
127
152
  ${small ? "py-1.5 px-4" : ""}
128
153
  ${large ? "py-5 px-10" : ""}
129
- ${border ? "border-b border-solid rounded-none" : ""}`
154
+ ${border ? "border-b border-solid rounded-none" : ""}`,
130
155
  }),
131
156
  /* @__PURE__ */ React.createElement(
132
157
  import_Typography.default,
133
158
  {
134
- className: `${bolt ? "font-extrabold leading-4" : "font-normal leading-3"}`
159
+ className: `${bolt ? "font-extrabold leading-4" : "font-normal leading-3"}`,
135
160
  },
136
- children
137
- )
161
+ children,
162
+ ),
138
163
  );
139
164
  };
140
165
  var Button_default = Button;
141
166
 
142
167
  // src/components/Button/IconButton.tsx
143
168
  var import_material2 = require("@mui/material");
144
- var StyledButton2 = (0, import_material2.styled)(import_material2.IconButton)(() => ({
145
- width: "fit-content",
146
- borderRadius: 0,
147
- svg: {
148
- margin: "1px 0 0 0px"
149
- },
150
- "&:hover": {
169
+ var StyledButton2 = (0, import_material2.styled)(import_material2.IconButton)(
170
+ () => ({
171
+ width: "fit-content",
172
+ borderRadius: 0,
151
173
  svg: {
152
- filter: "brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(806%) hue-rotate(339deg) brightness(83%) contrast(85%)"
153
- }
154
- }
155
- }));
174
+ margin: "1px 0 0 0px",
175
+ },
176
+ "&:hover": {
177
+ svg: {
178
+ filter:
179
+ "brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(806%) hue-rotate(339deg) brightness(83%) contrast(85%)",
180
+ },
181
+ },
182
+ }),
183
+ );
156
184
  var IconButton = (props) => {
157
- const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
158
- return /* @__PURE__ */ React.createElement(StyledButton2, __spreadProps(__spreadValues({}, rest), { disableRipple: true }), children);
185
+ const _a = props,
186
+ { children } = _a,
187
+ rest = __objRest(_a, ["children"]);
188
+ return /* @__PURE__ */ React.createElement(
189
+ StyledButton2,
190
+ __spreadProps(__spreadValues({}, rest), { disableRipple: true }),
191
+ children,
192
+ );
159
193
  };
160
194
  var IconButton_default = IconButton;
161
195
 
@@ -165,48 +199,70 @@ var import_material3 = require("@mui/material");
165
199
 
166
200
  // src/icons/dropdown-arrow.svg
167
201
  var React2 = __toESM(require("react"));
168
- var SvgDropdownArrow = (props) => /* @__PURE__ */ React2.createElement("svg", __spreadValues({ width: 13, height: 7, viewBox: "0 0 13 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React2.createElement("path", { d: "M12 6.25L6.5 0.75L1 6.25", stroke: "#343434", strokeLinecap: "round" }));
202
+ var SvgDropdownArrow = (props) =>
203
+ /* @__PURE__ */ React2.createElement(
204
+ "svg",
205
+ __spreadValues(
206
+ {
207
+ width: 13,
208
+ height: 7,
209
+ viewBox: "0 0 13 7",
210
+ fill: "none",
211
+ xmlns: "http://www.w3.org/2000/svg",
212
+ },
213
+ props,
214
+ ),
215
+ /* @__PURE__ */ React2.createElement("path", {
216
+ d: "M12 6.25L6.5 0.75L1 6.25",
217
+ stroke: "#343434",
218
+ strokeLinecap: "round",
219
+ }),
220
+ );
169
221
  var dropdown_arrow_default = SvgDropdownArrow;
170
222
 
171
223
  // src/components/Select/Select.tsx
172
- var StyledSelect = (0, import_material3.styled)(import_material3.Select)(({ open }) => ({
173
- minWidth: 250,
174
- "&.MuiInputBase-root": {
175
- borderRadius: "0",
176
- transition: "0.3s ease-in-out",
177
- "&.Mui-focused": {
178
- backgroundColor: open ? "white" : "transparent"
179
- }
180
- },
181
- svg: {
182
- // Added '&' to the beginning of the selector
183
- position: "absolute",
184
- right: "18px",
185
- transform: `${open ? "rotate(180deg)" : "rotate(0deg)"}`
186
- // Moved the transform style here and added a condition based on the 'open' prop
187
- },
188
- ".MuiOutlinedInput-notchedOutline": {
189
- // transition: '0.3s ease-in-out',
190
- borderColor: "#343434 "
191
- },
192
- // '.MuiSvgIcon-root':{
193
- // transition: '0.3s ease-in-out',
194
- // },
195
- ":hover": {
224
+ var StyledSelect = (0, import_material3.styled)(import_material3.Select)(
225
+ ({ open }) => ({
226
+ minWidth: 250,
227
+ "&.MuiInputBase-root": {
228
+ borderRadius: "0",
229
+ transition: "0.3s ease-in-out",
230
+ "&.Mui-focused": {
231
+ backgroundColor: open ? "white" : "transparent",
232
+ },
233
+ },
234
+ svg: {
235
+ // Added '&' to the beginning of the selector
236
+ position: "absolute",
237
+ right: "18px",
238
+ transform: `${open ? "rotate(180deg)" : "rotate(0deg)"}`,
239
+ // Moved the transform style here and added a condition based on the 'open' prop
240
+ },
196
241
  ".MuiOutlinedInput-notchedOutline": {
197
- borderColor: "#343434"
198
- }
199
- },
200
- "&.Mui-focused fieldset": {
201
- "&.MuiOutlinedInput-notchedOutline": {
202
- // borderColor: 'accent-dark',
203
- border: "none"
204
- // all: 'unset'
205
- }
206
- }
207
- }));
242
+ // transition: '0.3s ease-in-out',
243
+ borderColor: "#343434 ",
244
+ },
245
+ // '.MuiSvgIcon-root':{
246
+ // transition: '0.3s ease-in-out',
247
+ // },
248
+ ":hover": {
249
+ ".MuiOutlinedInput-notchedOutline": {
250
+ borderColor: "#343434",
251
+ },
252
+ },
253
+ "&.Mui-focused fieldset": {
254
+ "&.MuiOutlinedInput-notchedOutline": {
255
+ // borderColor: 'accent-dark',
256
+ border: "none",
257
+ // all: 'unset'
258
+ },
259
+ },
260
+ }),
261
+ );
208
262
  var CustomSelect = (props) => {
209
- const _a = props, { children, placeholder } = _a, rest = __objRest(_a, ["children", "placeholder"]);
263
+ const _a = props,
264
+ { children, placeholder } = _a,
265
+ rest = __objRest(_a, ["children", "placeholder"]);
210
266
  const myRef = (0, import_react.useRef)(null);
211
267
  const [open, setOpen] = (0, import_react.useState)(false);
212
268
  const uniqueId = "select_" + Math.random().toFixed(5).slice(2);
@@ -218,7 +274,10 @@ var CustomSelect = (props) => {
218
274
  };
219
275
  (0, import_react.useEffect)(() => {
220
276
  var _a2;
221
- if (!open) (_a2 = myRef.current) == null ? void 0 : _a2.classList.remove("Mui-focused");
277
+ if (!open)
278
+ (_a2 = myRef.current) == null
279
+ ? void 0
280
+ : _a2.classList.remove("Mui-focused");
222
281
  }, [open]);
223
282
  return /* @__PURE__ */ React.createElement(
224
283
  StyledSelect,
@@ -228,10 +287,12 @@ var CustomSelect = (props) => {
228
287
  onOpen: handleOpen,
229
288
  onClose: handleClose,
230
289
  sx: {
231
- "& .MuiSelect-select .notranslate::after": placeholder ? {
232
- content: `"${placeholder}"`
233
- // opacity: 0.42,
234
- } : {}
290
+ "& .MuiSelect-select .notranslate::after": placeholder
291
+ ? {
292
+ content: `"${placeholder}"`,
293
+ // opacity: 0.42,
294
+ }
295
+ : {},
235
296
  },
236
297
  inputProps: { "aria-labelledby": uniqueId },
237
298
  className: `h-12 `,
@@ -241,20 +302,41 @@ var CustomSelect = (props) => {
241
302
  id: uniqueId,
242
303
  PaperProps: {
243
304
  classes: {
244
- root: `menu ${open ? "menu--open" : "menu--close"}`
245
- }
246
- }
305
+ root: `menu ${open ? "menu--open" : "menu--close"}`,
306
+ },
307
+ },
247
308
  },
248
- IconComponent: () => /* @__PURE__ */ React.createElement(dropdown_arrow_default, null)
309
+ IconComponent: () =>
310
+ /* @__PURE__ */ React.createElement(dropdown_arrow_default, null),
249
311
  }),
250
- children
312
+ children,
251
313
  );
252
314
  };
253
315
  var Select_default = CustomSelect;
254
316
 
255
317
  // src/icons/search.svg
256
318
  var React3 = __toESM(require("react"));
257
- var SvgSearch = (props) => /* @__PURE__ */ React3.createElement("svg", __spreadValues({ width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React3.createElement("path", { d: "M21 12.5L12 3.5L3 12.5H5V19.5C5 20.0304 5.21071 20.5391 5.58579 20.9142C5.96086 21.2893 6.46957 21.5 7 21.5H11.7M9 21.5V15.5C9 14.9696 9.21071 14.4609 9.58579 14.0858C9.96086 13.7107 10.4696 13.5 11 13.5H13M20.1992 20.6992L21.9992 22.4992M15 18.5C15 19.2956 15.3161 20.0587 15.8787 20.6213C16.4413 21.1839 17.2044 21.5 18 21.5C18.7956 21.5 19.5587 21.1839 20.1213 20.6213C20.6839 20.0587 21 19.2956 21 18.5C21 17.7044 20.6839 16.9413 20.1213 16.3787C19.5587 15.8161 18.7956 15.5 18 15.5C17.2044 15.5 16.4413 15.8161 15.8787 16.3787C15.3161 16.9413 15 17.7044 15 18.5Z", stroke: "#C8BCA1", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
319
+ var SvgSearch = (props) =>
320
+ /* @__PURE__ */ React3.createElement(
321
+ "svg",
322
+ __spreadValues(
323
+ {
324
+ width: 24,
325
+ height: 25,
326
+ viewBox: "0 0 24 25",
327
+ fill: "none",
328
+ xmlns: "http://www.w3.org/2000/svg",
329
+ },
330
+ props,
331
+ ),
332
+ /* @__PURE__ */ React3.createElement("path", {
333
+ d: "M21 12.5L12 3.5L3 12.5H5V19.5C5 20.0304 5.21071 20.5391 5.58579 20.9142C5.96086 21.2893 6.46957 21.5 7 21.5H11.7M9 21.5V15.5C9 14.9696 9.21071 14.4609 9.58579 14.0858C9.96086 13.7107 10.4696 13.5 11 13.5H13M20.1992 20.6992L21.9992 22.4992M15 18.5C15 19.2956 15.3161 20.0587 15.8787 20.6213C16.4413 21.1839 17.2044 21.5 18 21.5C18.7956 21.5 19.5587 21.1839 20.1213 20.6213C20.6839 20.0587 21 19.2956 21 18.5C21 17.7044 20.6839 16.9413 20.1213 16.3787C19.5587 15.8161 18.7956 15.5 18 15.5C17.2044 15.5 16.4413 15.8161 15.8787 16.3787C15.3161 16.9413 15 17.7044 15 18.5Z",
334
+ stroke: "#C8BCA1",
335
+ strokeWidth: 2,
336
+ strokeLinecap: "round",
337
+ strokeLinejoin: "round",
338
+ }),
339
+ );
258
340
  var search_default = SvgSearch;
259
341
 
260
342
  // src/components/Select/SelectPro.tsx
@@ -263,7 +345,34 @@ var import_material4 = require("@mui/material");
263
345
 
264
346
  // src/icons/close.svg
265
347
  var React4 = __toESM(require("react"));
266
- var SvgClose = (props) => /* @__PURE__ */ React4.createElement("svg", __spreadValues({ width: 9, height: 9, viewBox: "0 0 9 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React4.createElement("path", { d: "M1 7.5L7.5 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React4.createElement("path", { d: "M7.5 7.5L1 1", stroke: "#343434", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
348
+ var SvgClose = (props) =>
349
+ /* @__PURE__ */ React4.createElement(
350
+ "svg",
351
+ __spreadValues(
352
+ {
353
+ width: 9,
354
+ height: 9,
355
+ viewBox: "0 0 9 9",
356
+ fill: "none",
357
+ xmlns: "http://www.w3.org/2000/svg",
358
+ },
359
+ props,
360
+ ),
361
+ /* @__PURE__ */ React4.createElement("path", {
362
+ d: "M1 7.5L7.5 1",
363
+ stroke: "#343434",
364
+ strokeWidth: 2,
365
+ strokeLinecap: "round",
366
+ strokeLinejoin: "round",
367
+ }),
368
+ /* @__PURE__ */ React4.createElement("path", {
369
+ d: "M7.5 7.5L1 1",
370
+ stroke: "#343434",
371
+ strokeWidth: 2,
372
+ strokeLinecap: "round",
373
+ strokeLinejoin: "round",
374
+ }),
375
+ );
267
376
  var close_default = SvgClose;
268
377
 
269
378
  // src/components/Select/SelectPro.tsx
@@ -275,7 +384,7 @@ var SelectPro = ({
275
384
  clickComponent,
276
385
  fullContainerWidth = false,
277
386
  overButton = false,
278
- small = false
387
+ small = false,
279
388
  }) => {
280
389
  const [btn, setAnchorEl] = (0, import_react2.useState)(null);
281
390
  const [open, setOpen] = (0, import_react2.useState)(false);
@@ -294,97 +403,128 @@ var SelectPro = ({
294
403
  setAnchorEl(null);
295
404
  }, 200);
296
405
  };
297
- const childrenWithHandleChange = (0, import_react2.isValidElement)(children) ? (0, import_react2.cloneElement)(children, {
298
- collapseParent: handleClose
299
- }) : children;
300
- return /* @__PURE__ */ React.createElement(import_material4.ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React.createElement(import_material4.Box, null, clickComponent ? (0, import_react2.cloneElement)(clickComponent, {
301
- ref: btn,
302
- onClick: handleClick
303
- // onClick: (e) => {
304
- // clickComponent.props.onClick(e);
305
- // // e.preventDefault();
306
- // handleClick(e);
307
- // },
308
- }) : /* @__PURE__ */ React.createElement(
309
- import_material4.Button,
310
- {
311
- ref: btn,
312
- "aria-controls": open ? "basic-menu" : void 0,
313
- "aria-haspopup": "true",
314
- "aria-expanded": open ? "true" : void 0,
315
- onClick: handleClick,
316
- disableRipple: true,
317
- fullWidth: true,
318
- sx: {
319
- height: small ? "34px" : "49px",
320
- padding: small ? "0 10px 0 6px" : "0 20px 0 19px"
321
- },
322
- className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`
323
- },
406
+ const childrenWithHandleChange = (0, import_react2.isValidElement)(children)
407
+ ? (0, import_react2.cloneElement)(children, {
408
+ collapseParent: handleClose,
409
+ })
410
+ : children;
411
+ return /* @__PURE__ */ React.createElement(
412
+ import_material4.ClickAwayListener,
413
+ { onClickAway: handleClose },
324
414
  /* @__PURE__ */ React.createElement(
325
- import_material4.Typography,
326
- {
327
- className: "text-sm leading-4"
328
- },
329
- `${placeholder}`
415
+ import_material4.Box,
416
+ null,
417
+ clickComponent
418
+ ? (0, import_react2.cloneElement)(clickComponent, {
419
+ ref: btn,
420
+ onClick: handleClick,
421
+ // onClick: (e) => {
422
+ // clickComponent.props.onClick(e);
423
+ // // e.preventDefault();
424
+ // handleClick(e);
425
+ // },
426
+ })
427
+ : /* @__PURE__ */ React.createElement(
428
+ import_material4.Button,
429
+ {
430
+ ref: btn,
431
+ "aria-controls": open ? "basic-menu" : void 0,
432
+ "aria-haspopup": "true",
433
+ "aria-expanded": open ? "true" : void 0,
434
+ onClick: handleClick,
435
+ disableRipple: true,
436
+ fullWidth: true,
437
+ sx: {
438
+ height: small ? "34px" : "49px",
439
+ padding: small ? "0 10px 0 6px" : "0 20px 0 19px",
440
+ },
441
+ className: `border rounded-none border-solid normal-case text-accent-dark hover:bg-white ${open ? "!border-transparent bg-white" : ""} ${colorBorder ? "border-accent-beige flex-row-reverse justify-end gap-x-2" : "justify-between border-accent-dark"}`,
442
+ },
443
+ /* @__PURE__ */ React.createElement(
444
+ import_material4.Typography,
445
+ {
446
+ className: "text-sm leading-4",
447
+ },
448
+ `${placeholder}`,
449
+ ),
450
+ colorBorder
451
+ ? /* @__PURE__ */ React.createElement(search_default, null)
452
+ : /* @__PURE__ */ React.createElement(dropdown_arrow_default, {
453
+ style: {
454
+ transform: open ? "scaleY(-1)" : "scaleY(1)",
455
+ transition: "0.3s ease-in-out",
456
+ },
457
+ }),
458
+ ),
459
+ btn
460
+ ? /* @__PURE__ */ React.createElement(
461
+ import_material4.Paper,
462
+ {
463
+ sx: {
464
+ position: "absolute",
465
+ width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
466
+ left: fullContainerWidth ? 0 : "initial",
467
+ right: fullContainerWidth ? 0 : "initial",
468
+ top: overButton ? 0 : "initial",
469
+ },
470
+ className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none shadow-sm`,
471
+ },
472
+ /* @__PURE__ */ React.createElement(
473
+ import_material4.Box,
474
+ { className: `flex flex-col p-3 gap-3` },
475
+ overButton
476
+ ? /* @__PURE__ */ React.createElement(
477
+ IconButton_default,
478
+ {
479
+ className: "bg-accent-silver p-1 self-end absolute",
480
+ onClick: handleClose,
481
+ },
482
+ /* @__PURE__ */ React.createElement(close_default, null),
483
+ )
484
+ : null,
485
+ childTitle
486
+ ? /* @__PURE__ */ React.createElement(
487
+ import_material4.Typography,
488
+ {
489
+ className: "text-sm font-normal text-accent-silver-2",
490
+ },
491
+ childTitle,
492
+ )
493
+ : null,
494
+ childrenWithHandleChange,
495
+ ),
496
+ )
497
+ : null,
330
498
  ),
331
- colorBorder ? /* @__PURE__ */ React.createElement(search_default, null) : /* @__PURE__ */ React.createElement(
332
- dropdown_arrow_default,
333
- {
334
- style: {
335
- transform: open ? "scaleY(-1)" : "scaleY(1)",
336
- transition: "0.3s ease-in-out"
337
- }
338
- }
339
- )
340
- ), btn ? /* @__PURE__ */ React.createElement(
341
- import_material4.Paper,
342
- {
343
- sx: {
344
- position: "absolute",
345
- width: !fullContainerWidth && btn ? btn.offsetWidth : "100%",
346
- left: fullContainerWidth ? 0 : "initial",
347
- right: fullContainerWidth ? 0 : "initial",
348
- top: overButton ? 0 : "initial"
349
- },
350
- className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none shadow-sm`
351
- },
352
- /* @__PURE__ */ React.createElement(import_material4.Box, { className: `flex flex-col p-3 gap-3` }, overButton ? /* @__PURE__ */ React.createElement(
353
- IconButton_default,
354
- {
355
- className: "bg-accent-silver p-1 self-end absolute",
356
- onClick: handleClose
357
- },
358
- /* @__PURE__ */ React.createElement(close_default, null)
359
- ) : null, childTitle ? /* @__PURE__ */ React.createElement(
360
- import_material4.Typography,
361
- {
362
- className: "text-sm font-normal text-accent-silver-2"
363
- },
364
- childTitle
365
- ) : null, childrenWithHandleChange)
366
- ) : null));
499
+ );
367
500
  };
368
501
  var SelectPro_default = SelectPro;
369
502
 
370
503
  // src/components/Chip/Chip.tsx
371
504
  var import_material5 = require("@mui/material");
372
- var StyledChip = (0, import_material5.styled)(import_material5.Chip)(({ theme: theme2 }) => ({
373
- borderRadius: theme2.shape.borderRadius
374
- }));
505
+ var StyledChip = (0, import_material5.styled)(import_material5.Chip)(
506
+ ({ theme: theme2 }) => ({
507
+ borderRadius: theme2.shape.borderRadius,
508
+ }),
509
+ );
375
510
  var ChipViews = {
376
511
  black: "bg-accent-dark text-accent-white py-1.5 px-4",
377
512
  line: "border border-solid border-accent-dark bg-accent-white",
378
513
  white: "bg-accent-white text-accent-dark",
379
- silver: "bg-accent-silver"
514
+ silver: "bg-accent-silver",
380
515
  };
381
516
  var CustomChip = (props) => {
382
- const _a = props, { view } = _a, rest = __objRest(_a, ["view"]);
517
+ const _a = props,
518
+ { view } = _a,
519
+ rest = __objRest(_a, ["view"]);
383
520
  return /* @__PURE__ */ React.createElement(
384
521
  StyledChip,
385
- __spreadValues({
386
- className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`
387
- }, rest)
522
+ __spreadValues(
523
+ {
524
+ className: `rounded-none w-fit h-fit px-2.5 py-0 ${ChipViews[view]}`,
525
+ },
526
+ rest,
527
+ ),
388
528
  );
389
529
  };
390
530
  var Chip_default = CustomChip;
@@ -392,41 +532,64 @@ var Chip_default = CustomChip;
392
532
  // src/components/Badge/Badge.tsx
393
533
  var import_material6 = require("@mui/material");
394
534
  var CustomBadge = (props) => {
395
- return /* @__PURE__ */ React.createElement(import_material6.Badge, __spreadValues({}, props));
535
+ return /* @__PURE__ */ React.createElement(
536
+ import_material6.Badge,
537
+ __spreadValues({}, props),
538
+ );
396
539
  };
397
540
  var Badge_default = CustomBadge;
398
541
 
399
542
  // src/components/Avatar/Avatar.tsx
400
543
  var import_Avatar = __toESM(require("@mui/material/Avatar"));
401
544
  var CustomAvatar = (props) => {
402
- return /* @__PURE__ */ React.createElement(import_Avatar.default, __spreadValues({}, props));
545
+ return /* @__PURE__ */ React.createElement(
546
+ import_Avatar.default,
547
+ __spreadValues({}, props),
548
+ );
403
549
  };
404
550
  var Avatar_default = CustomAvatar;
405
551
 
406
552
  // src/components/Text/Text.tsx
407
553
  var import_Typography2 = __toESM(require("@mui/material/Typography"));
408
554
  var Text = (props) => {
409
- const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
410
- return /* @__PURE__ */ React.createElement(import_Typography2.default, __spreadValues({}, rest), children);
555
+ const _a = props,
556
+ { children } = _a,
557
+ rest = __objRest(_a, ["children"]);
558
+ return /* @__PURE__ */ React.createElement(
559
+ import_Typography2.default,
560
+ __spreadValues({}, rest),
561
+ children,
562
+ );
411
563
  };
412
564
  var Text_default = Text;
413
565
 
414
566
  // src/components/Radio/Radio.tsx
415
567
  var import_react3 = __toESM(require("react"));
416
568
  var import_Radio = __toESM(require("@mui/material/Radio"));
417
- var import_FormControlLabel = __toESM(require("@mui/material/FormControlLabel"));
569
+ var import_FormControlLabel = __toESM(
570
+ require("@mui/material/FormControlLabel"),
571
+ );
418
572
  var CustomRadio = (props) => {
419
573
  const { value, label, radioProps, labelProps } = props;
420
574
  if (label && value)
421
575
  return /* @__PURE__ */ import_react3.default.createElement(
422
576
  import_FormControlLabel.default,
423
- __spreadValues({
424
- value,
425
- control: /* @__PURE__ */ import_react3.default.createElement(import_Radio.default, __spreadValues({}, radioProps)),
426
- label
427
- }, labelProps)
577
+ __spreadValues(
578
+ {
579
+ value,
580
+ control: /* @__PURE__ */ import_react3.default.createElement(
581
+ import_Radio.default,
582
+ __spreadValues({}, radioProps),
583
+ ),
584
+ label,
585
+ },
586
+ labelProps,
587
+ ),
428
588
  );
429
- return /* @__PURE__ */ import_react3.default.createElement(import_Radio.default, __spreadValues({}, radioProps));
589
+ return /* @__PURE__ */ import_react3.default.createElement(
590
+ import_Radio.default,
591
+ __spreadValues({}, radioProps),
592
+ );
430
593
  };
431
594
  var Radio_default = CustomRadio;
432
595
 
@@ -434,81 +597,127 @@ var Radio_default = CustomRadio;
434
597
  var import_react4 = __toESM(require("react"));
435
598
  var import_RadioGroup = __toESM(require("@mui/material/RadioGroup"));
436
599
  var CustomRadioGroup = (props) => {
437
- const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
438
- return /* @__PURE__ */ import_react4.default.createElement(import_RadioGroup.default, __spreadValues({}, rest), children);
600
+ const _a = props,
601
+ { children } = _a,
602
+ rest = __objRest(_a, ["children"]);
603
+ return /* @__PURE__ */ import_react4.default.createElement(
604
+ import_RadioGroup.default,
605
+ __spreadValues({}, rest),
606
+ children,
607
+ );
439
608
  };
440
609
  var RadioGroup_default = CustomRadioGroup;
441
610
 
442
611
  // src/components/Switch/Switch.tsx
443
612
  var import_material7 = require("@mui/material");
444
613
  var import_Typography3 = __toESM(require("@mui/material/Typography"));
445
- var Switch = (0, import_material7.styled)(import_material7.Switch)(({ theme: theme2 }) => ({
446
- width: 60,
447
- height: 30,
448
- padding: 0,
449
- display: "flex",
450
- "&:active": {
451
- "& .MuiSwitch-thumb": {
452
- width: 20
614
+ var Switch = (0, import_material7.styled)(import_material7.Switch)(
615
+ ({ theme: theme2 }) => ({
616
+ width: 60,
617
+ height: 30,
618
+ padding: 0,
619
+ display: "flex",
620
+ "&:active": {
621
+ "& .MuiSwitch-thumb": {
622
+ width: 20,
623
+ },
624
+ "& .MuiSwitch-switchBase.Mui-checked": {
625
+ transform: "translateX(12px)",
626
+ },
453
627
  },
454
- "& .MuiSwitch-switchBase.Mui-checked": {
455
- transform: "translateX(12px)"
456
- }
457
- },
458
- "& .MuiSwitch-switchBase": {
459
- padding: 5.1,
460
- color: "#C8BCA1",
461
- transform: "translateX(2px)",
462
- "&.Mui-checked": {
463
- transform: "translateX(30px)",
628
+ "& .MuiSwitch-switchBase": {
629
+ padding: 5.1,
464
630
  color: "#C8BCA1",
465
- "& + .MuiSwitch-track": {
466
- opacity: 1,
467
- backgroundColor: "#343434"
468
- }
469
- }
470
- },
471
- "& .MuiSwitch-thumb": {
472
- width: 20,
473
- height: 20,
474
- borderRadius: "100%",
475
- transition: theme2.transitions.create(["width"], {
476
- duration: 200
477
- })
478
- },
479
- "& .MuiSwitch-track": {
480
- borderRadius: "22px",
481
- opacity: 1,
482
- backgroundColor: "#343434",
483
- boxSizing: "border-box"
484
- }
485
- }));
631
+ transform: "translateX(2px)",
632
+ "&.Mui-checked": {
633
+ transform: "translateX(30px)",
634
+ color: "#C8BCA1",
635
+ "& + .MuiSwitch-track": {
636
+ opacity: 1,
637
+ backgroundColor: "#343434",
638
+ },
639
+ },
640
+ },
641
+ "& .MuiSwitch-thumb": {
642
+ width: 20,
643
+ height: 20,
644
+ borderRadius: "100%",
645
+ transition: theme2.transitions.create(["width"], {
646
+ duration: 200,
647
+ }),
648
+ },
649
+ "& .MuiSwitch-track": {
650
+ borderRadius: "22px",
651
+ opacity: 1,
652
+ backgroundColor: "#343434",
653
+ boxSizing: "border-box",
654
+ },
655
+ }),
656
+ );
486
657
  var CustomSwitch = (props) => {
487
- const _a = props, { beforeText, afterText } = _a, rest = __objRest(_a, ["beforeText", "afterText"]);
488
- return /* @__PURE__ */ React.createElement(import_material7.Stack, { direction: "row", spacing: 1, alignItems: "center" }, beforeText ? /* @__PURE__ */ React.createElement(import_Typography3.default, { className: "text-base" }, beforeText) : null, /* @__PURE__ */ React.createElement(Switch, __spreadProps(__spreadValues({ defaultChecked: true }, rest), { disableRipple: true })), afterText ? /* @__PURE__ */ React.createElement(import_Typography3.default, { className: "text-base" }, afterText) : null);
658
+ const _a = props,
659
+ { beforeText, afterText } = _a,
660
+ rest = __objRest(_a, ["beforeText", "afterText"]);
661
+ return /* @__PURE__ */ React.createElement(
662
+ import_material7.Stack,
663
+ { direction: "row", spacing: 1, alignItems: "center" },
664
+ beforeText
665
+ ? /* @__PURE__ */ React.createElement(
666
+ import_Typography3.default,
667
+ { className: "text-base" },
668
+ beforeText,
669
+ )
670
+ : null,
671
+ /* @__PURE__ */ React.createElement(
672
+ Switch,
673
+ __spreadProps(__spreadValues({ defaultChecked: true }, rest), {
674
+ disableRipple: true,
675
+ }),
676
+ ),
677
+ afterText
678
+ ? /* @__PURE__ */ React.createElement(
679
+ import_Typography3.default,
680
+ { className: "text-base" },
681
+ afterText,
682
+ )
683
+ : null,
684
+ );
489
685
  };
490
686
  var Switch_default = CustomSwitch;
491
687
 
492
688
  // src/components/Slider/Slider.tsx
493
689
  var import_material8 = require("@mui/material");
494
- var StyledSlider = (0, import_material8.styled)(import_material8.Slider)(() => ({}));
690
+ var StyledSlider = (0, import_material8.styled)(import_material8.Slider)(
691
+ () => ({}),
692
+ );
495
693
  var CustomSlider = (props) => {
496
- return /* @__PURE__ */ React.createElement(StyledSlider, __spreadValues({}, props));
694
+ return /* @__PURE__ */ React.createElement(
695
+ StyledSlider,
696
+ __spreadValues({}, props),
697
+ );
497
698
  };
498
699
  var Slider_default = CustomSlider;
499
700
 
500
701
  // src/components/MenuItem/MenuItem.tsx
501
702
  var import_material9 = require("@mui/material");
502
- var StyledMenuItem = (0, import_material9.styled)(import_material9.MenuItem)(() => ({
503
- borderRadius: "5px",
504
- "&.Mui-selected": {
505
- backgroundColor: "unset",
506
- color: "purple"
507
- }
508
- }));
703
+ var StyledMenuItem = (0, import_material9.styled)(import_material9.MenuItem)(
704
+ () => ({
705
+ borderRadius: "5px",
706
+ "&.Mui-selected": {
707
+ backgroundColor: "unset",
708
+ color: "purple",
709
+ },
710
+ }),
711
+ );
509
712
  var CustomMenuItem = (props) => {
510
- const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
511
- return /* @__PURE__ */ React.createElement(StyledMenuItem, __spreadValues({}, rest), children);
713
+ const _a = props,
714
+ { children } = _a,
715
+ rest = __objRest(_a, ["children"]);
716
+ return /* @__PURE__ */ React.createElement(
717
+ StyledMenuItem,
718
+ __spreadValues({}, rest),
719
+ children,
720
+ );
512
721
  };
513
722
  var MenuItem_default = CustomMenuItem;
514
723
 
@@ -517,34 +726,50 @@ var import_material10 = require("@mui/material");
517
726
  var import_Input = __toESM(require("@mui/material/Input"));
518
727
  var StyledInput = (0, import_material10.styled)(import_Input.default)(() => ({
519
728
  "& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button": {
520
- display: "none"
729
+ display: "none",
521
730
  },
522
731
  "& input[type=number]": {
523
- MozAppearance: "textfield"
524
- }
732
+ MozAppearance: "textfield",
733
+ },
525
734
  }));
526
735
  var CustomInput = (props) => {
527
- const _a = props, { type, adornmentText, value } = _a, rest = __objRest(_a, ["type", "adornmentText", "value"]);
736
+ const _a = props,
737
+ { type, adornmentText, value } = _a,
738
+ rest = __objRest(_a, ["type", "adornmentText", "value"]);
528
739
  const handleKeyDown = (event) => {
529
- if (type === "number" && !/[0-9]/.test(event.key) && event.key !== "Backspace") {
740
+ if (
741
+ type === "number" &&
742
+ !/[0-9]/.test(event.key) &&
743
+ event.key !== "Backspace"
744
+ ) {
530
745
  event.preventDefault();
531
746
  event.stopPropagation();
532
747
  }
533
748
  };
534
749
  return /* @__PURE__ */ React.createElement(
535
750
  StyledInput,
536
- __spreadValues({
537
- disableUnderline: true,
538
- onKeyDown: handleKeyDown,
539
- startAdornment: adornmentText ? /* @__PURE__ */ React.createElement(import_material10.InputAdornment, { position: "start", className: "text-sm" }, adornmentText) : void 0,
540
- value,
541
- componentsProps: {
542
- root: {
543
- className: "border border-black rounded-none border-solid py-1.5 px-2.5 h-8"
544
- }
751
+ __spreadValues(
752
+ {
753
+ disableUnderline: true,
754
+ onKeyDown: handleKeyDown,
755
+ startAdornment: adornmentText
756
+ ? /* @__PURE__ */ React.createElement(
757
+ import_material10.InputAdornment,
758
+ { position: "start", className: "text-sm" },
759
+ adornmentText,
760
+ )
761
+ : void 0,
762
+ value,
763
+ componentsProps: {
764
+ root: {
765
+ className:
766
+ "border border-black rounded-none border-solid py-1.5 px-2.5 h-8",
767
+ },
768
+ },
769
+ type: type || "string",
545
770
  },
546
- type: type || "string"
547
- }, rest)
771
+ rest,
772
+ ),
548
773
  );
549
774
  };
550
775
  var Input_default = CustomInput;
@@ -554,7 +779,9 @@ var import_react_number_format = require("react-number-format");
554
779
  var import_react5 = require("react");
555
780
  var PhoneInput = (0, import_react5.forwardRef)(
556
781
  function NumericFormatCustom(props, ref) {
557
- const _a = props, { onChange } = _a, other = __objRest(_a, ["onChange"]);
782
+ const _a = props,
783
+ { onChange } = _a,
784
+ other = __objRest(_a, ["onChange"]);
558
785
  return /* @__PURE__ */ React.createElement(
559
786
  import_react_number_format.PatternFormat,
560
787
  __spreadProps(__spreadValues({}, other), {
@@ -564,15 +791,15 @@ var PhoneInput = (0, import_react5.forwardRef)(
564
791
  onChange({
565
792
  target: {
566
793
  name: props.name,
567
- value: values.value
568
- }
794
+ value: values.value,
795
+ },
569
796
  });
570
797
  },
571
798
  placeholder: "000 000 00 00",
572
- format: "### ### ## ##"
573
- })
799
+ format: "### ### ## ##",
800
+ }),
574
801
  );
575
- }
802
+ },
576
803
  );
577
804
  var PhoneInput_default = PhoneInput;
578
805
 
@@ -580,7 +807,31 @@ var PhoneInput_default = PhoneInput;
580
807
  var import_material11 = require("@mui/material");
581
808
  var import_Typography4 = __toESM(require("@mui/material/Typography"));
582
809
  var FromToInput = ({ label }) => {
583
- return /* @__PURE__ */ React.createElement(import_material11.Stack, null, label ? /* @__PURE__ */ React.createElement(import_Typography4.default, { className: "text-accent-dark text-xs" }, label) : null, /* @__PURE__ */ React.createElement(import_material11.Stack, { direction: "row", spacing: 1 }, /* @__PURE__ */ React.createElement(Input_default, { adornmentText: "\u0432\u0456\u0434", fullWidth: true, type: "number" }), /* @__PURE__ */ React.createElement(Input_default, { adornmentText: "\u0434\u043E", fullWidth: true, type: "number" })));
810
+ return /* @__PURE__ */ React.createElement(
811
+ import_material11.Stack,
812
+ null,
813
+ label
814
+ ? /* @__PURE__ */ React.createElement(
815
+ import_Typography4.default,
816
+ { className: "text-accent-dark text-xs" },
817
+ label,
818
+ )
819
+ : null,
820
+ /* @__PURE__ */ React.createElement(
821
+ import_material11.Stack,
822
+ { direction: "row", spacing: 1 },
823
+ /* @__PURE__ */ React.createElement(Input_default, {
824
+ adornmentText: "\u0432\u0456\u0434",
825
+ fullWidth: true,
826
+ type: "number",
827
+ }),
828
+ /* @__PURE__ */ React.createElement(Input_default, {
829
+ adornmentText: "\u0434\u043E",
830
+ fullWidth: true,
831
+ type: "number",
832
+ }),
833
+ ),
834
+ );
584
835
  };
585
836
  var FromToInput_default = FromToInput;
586
837
 
@@ -590,7 +841,9 @@ var import_react7 = require("react");
590
841
  var import_cache = __toESM(require("@emotion/cache"));
591
842
  var import_navigation = require("next/navigation");
592
843
  var import_react8 = require("@emotion/react");
593
- var import_ThemeProvider = __toESM(require("@mui/material/styles/ThemeProvider"));
844
+ var import_ThemeProvider = __toESM(
845
+ require("@mui/material/styles/ThemeProvider"),
846
+ );
594
847
  var import_createTheme = __toESM(require("@mui/material/styles/createTheme"));
595
848
  var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"));
596
849
  var import_stylis = require("stylis");
@@ -601,11 +854,11 @@ var WINDOW_SIZE = {
601
854
  sm: 400,
602
855
  md: 700,
603
856
  lg: 1200,
604
- xl: 1620
857
+ xl: 1620,
605
858
  };
606
859
  var _theme = {
607
860
  typography: {
608
- fontFamily: ["RockStar", "sans-serif"].join(",")
861
+ fontFamily: ["RockStar", "sans-serif"].join(","),
609
862
  // body1: {
610
863
  // fontSize: 14,
611
864
  // lineHeight: "22px",
@@ -617,18 +870,18 @@ var _theme = {
617
870
  sm: WINDOW_SIZE.sm,
618
871
  md: WINDOW_SIZE.md,
619
872
  lg: WINDOW_SIZE.lg,
620
- xl: WINDOW_SIZE.xl
621
- }
873
+ xl: WINDOW_SIZE.xl,
874
+ },
622
875
  },
623
876
  components: {
624
877
  MuiButton: {
625
878
  styleOverrides: {
626
879
  root: {
627
- fontFamily: "RockStar, sans-serif"
628
- }
629
- }
630
- }
631
- }
880
+ fontFamily: "RockStar, sans-serif",
881
+ },
882
+ },
883
+ },
884
+ },
632
885
  };
633
886
 
634
887
  // src/theme/index.tsx
@@ -638,7 +891,7 @@ function ThemeRegistry(props) {
638
891
  const [{ cache, flush }] = (0, import_react7.useState)(() => {
639
892
  const cache2 = (0, import_cache.default)({
640
893
  key: "mui",
641
- stylisPlugins: [import_stylis.prefixer]
894
+ stylisPlugins: [import_stylis.prefixer],
642
895
  });
643
896
  cache2.compat = true;
644
897
  const prevInsert = cache2.insert;
@@ -664,18 +917,27 @@ function ThemeRegistry(props) {
664
917
  for (const name of names) {
665
918
  styles += cache.inserted[name];
666
919
  }
667
- return /* @__PURE__ */ import_react6.default.createElement(
668
- "style",
669
- {
670
- key: cache.key,
671
- "data-emotion": `${cache.key} ${names.join(" ")}`,
672
- dangerouslySetInnerHTML: {
673
- __html: styles
674
- }
675
- }
676
- );
920
+ return /* @__PURE__ */ import_react6.default.createElement("style", {
921
+ key: cache.key,
922
+ "data-emotion": `${cache.key} ${names.join(" ")}`,
923
+ dangerouslySetInnerHTML: {
924
+ __html: styles,
925
+ },
926
+ });
677
927
  });
678
- return /* @__PURE__ */ import_react6.default.createElement(import_react8.CacheProvider, { value: cache }, /* @__PURE__ */ import_react6.default.createElement(import_ThemeProvider.default, { theme }, /* @__PURE__ */ import_react6.default.createElement(import_CssBaseline.default, null), children));
928
+ return /* @__PURE__ */ import_react6.default.createElement(
929
+ import_react8.CacheProvider,
930
+ { value: cache },
931
+ /* @__PURE__ */ import_react6.default.createElement(
932
+ import_ThemeProvider.default,
933
+ { theme },
934
+ /* @__PURE__ */ import_react6.default.createElement(
935
+ import_CssBaseline.default,
936
+ null,
937
+ ),
938
+ children,
939
+ ),
940
+ );
679
941
  }
680
942
 
681
943
  // src/providers/Providers.tsx
@@ -695,29 +957,41 @@ var AppBar = ({ links }) => {
695
957
  const indicator = document.querySelector(".nav-indicator");
696
958
  const navItem = navItemsRef.current[activeIndex];
697
959
  const navItemWidth = navItem.offsetWidth;
698
- const navItemLeft = navItem.offsetLeft + navItemWidth / 2 - indicator.offsetWidth / 2;
960
+ const navItemLeft =
961
+ navItem.offsetLeft + navItemWidth / 2 - indicator.offsetWidth / 2;
699
962
  const navItemTop = navItem.offsetTop - 5;
700
- indicator == null ? void 0 : indicator.setAttribute(
701
- "style",
702
- `transform: translate(${navItemLeft}px, ${navItemTop}px);`
703
- );
963
+ indicator == null
964
+ ? void 0
965
+ : indicator.setAttribute(
966
+ "style",
967
+ `transform: translate(${navItemLeft}px, ${navItemTop}px);`,
968
+ );
704
969
  }, [activeIndex]);
705
970
  const handleClick = (index) => {
706
971
  setActiveIndex(index);
707
972
  };
708
- return /* @__PURE__ */ React.createElement(import_material12.Stack, { direction: "row", spacing: 1, position: "relative" }, /* @__PURE__ */ React.createElement(import_material12.Box, { className: "nav-indicator" }), links.map((link, index) => /* @__PURE__ */ React.createElement(
709
- import_link.default,
710
- {
711
- ref: (el) => {
712
- navItemsRef.current[index] = el;
713
- },
714
- key: index,
715
- href: link.path,
716
- className: `nav-item ${index === activeIndex ? "active" : ""} hover:text-accent-beige`,
717
- onClick: () => handleClick(index)
718
- },
719
- link.title
720
- )));
973
+ return /* @__PURE__ */ React.createElement(
974
+ import_material12.Stack,
975
+ { direction: "row", spacing: 1, position: "relative" },
976
+ /* @__PURE__ */ React.createElement(import_material12.Box, {
977
+ className: "nav-indicator",
978
+ }),
979
+ links.map((link, index) =>
980
+ /* @__PURE__ */ React.createElement(
981
+ import_link.default,
982
+ {
983
+ ref: (el) => {
984
+ navItemsRef.current[index] = el;
985
+ },
986
+ key: index,
987
+ href: link.path,
988
+ className: `nav-item ${index === activeIndex ? "active" : ""} hover:text-accent-beige`,
989
+ onClick: () => handleClick(index),
990
+ },
991
+ link.title,
992
+ ),
993
+ ),
994
+ );
721
995
  };
722
996
  var AppBar_default = AppBar;
723
997
 
@@ -733,26 +1007,48 @@ var ImageContainer = (props) => {
733
1007
  contentful = true,
734
1008
  priority = false,
735
1009
  loading = "lazy",
736
- objectFit = "object-cover"
1010
+ objectFit = "object-cover",
737
1011
  } = props;
738
- return /* @__PURE__ */ React.createElement(import_material13.Box, { className: `relative ${width} ${height}` }, /* @__PURE__ */ React.createElement(
739
- import_image.default,
740
- {
1012
+ return /* @__PURE__ */ React.createElement(
1013
+ import_material13.Box,
1014
+ { className: `relative ${width} ${height}` },
1015
+ /* @__PURE__ */ React.createElement(import_image.default, {
741
1016
  className: `${objectFit} object-center`,
742
1017
  src: contentful ? `https:${src}` : src,
743
1018
  alt,
744
1019
  fill: true,
745
1020
  loading,
746
1021
  sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",
747
- priority
748
- }
749
- ));
1022
+ priority,
1023
+ }),
1024
+ );
750
1025
  };
751
1026
  var ImageContainer_default = ImageContainer;
752
1027
 
753
1028
  // src/icons/map-search.svg
754
1029
  var React8 = __toESM(require("react"));
755
- var SvgMapSearch = (props) => /* @__PURE__ */ React8.createElement("svg", __spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React8.createElement("path", { d: "M11 18L9 17M9 17L3 20V7L9 4M9 17V4M9 4L15 7M15 7L21 4V11.5M15 7V12M20.1992 20.1992L21.9992 21.9992M15 18C15 18.7956 15.3161 19.5587 15.8787 20.1213C16.4413 20.6839 17.2044 21 18 21C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18C21 17.2044 20.6839 16.4413 20.1213 15.8787C19.5587 15.3161 18.7956 15 18 15C17.2044 15 16.4413 15.3161 15.8787 15.8787C15.3161 16.4413 15 17.2044 15 18Z", stroke: "#343434", className: "stroke-current", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
1030
+ var SvgMapSearch = (props) =>
1031
+ /* @__PURE__ */ React8.createElement(
1032
+ "svg",
1033
+ __spreadValues(
1034
+ {
1035
+ width: 24,
1036
+ height: 24,
1037
+ viewBox: "0 0 24 24",
1038
+ fill: "none",
1039
+ xmlns: "http://www.w3.org/2000/svg",
1040
+ },
1041
+ props,
1042
+ ),
1043
+ /* @__PURE__ */ React8.createElement("path", {
1044
+ d: "M11 18L9 17M9 17L3 20V7L9 4M9 17V4M9 4L15 7M15 7L21 4V11.5M15 7V12M20.1992 20.1992L21.9992 21.9992M15 18C15 18.7956 15.3161 19.5587 15.8787 20.1213C16.4413 20.6839 17.2044 21 18 21C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18C21 17.2044 20.6839 16.4413 20.1213 15.8787C19.5587 15.3161 18.7956 15 18 15C17.2044 15 16.4413 15.3161 15.8787 15.8787C15.3161 16.4413 15 17.2044 15 18Z",
1045
+ stroke: "#343434",
1046
+ className: "stroke-current",
1047
+ strokeWidth: 2,
1048
+ strokeLinecap: "round",
1049
+ strokeLinejoin: "round",
1050
+ }),
1051
+ );
756
1052
  var map_search_default = SvgMapSearch;
757
1053
 
758
1054
  // src/components/Card/CategoryCard.tsx
@@ -765,14 +1061,36 @@ var NO_IMAGE = "/images/no-photo.svg";
765
1061
  // src/components/Card/CategoryCard.tsx
766
1062
  var CategoryCard = (props) => {
767
1063
  const { link, text, title, image_url = NO_IMAGE } = props;
768
- return /* @__PURE__ */ React.createElement(import_link2.default, { href: link, className: "group/card" }, /* @__PURE__ */ React.createElement(import_material14.Box, { className: "flex flex-col gap-[20px]" }, /* @__PURE__ */ React.createElement(ImageContainer_default, { src: image_url, alt: title, height: "h-[300px]" }), /* @__PURE__ */ React.createElement(import_material14.Box, { className: "flex flex-col px-[16px]" }, /* @__PURE__ */ React.createElement(
769
- import_material14.Typography,
770
- {
771
- component: "span",
772
- className: "font-extrabold text-16 group-hover/card:text-gold2"
773
- },
774
- title
775
- ), /* @__PURE__ */ React.createElement(import_material14.Typography, { component: "span", className: "group-hover/card:text-gold2" }, text))));
1064
+ return /* @__PURE__ */ React.createElement(
1065
+ import_link2.default,
1066
+ { href: link, className: "group/card" },
1067
+ /* @__PURE__ */ React.createElement(
1068
+ import_material14.Box,
1069
+ { className: "flex flex-col gap-[20px]" },
1070
+ /* @__PURE__ */ React.createElement(ImageContainer_default, {
1071
+ src: image_url,
1072
+ alt: title,
1073
+ height: "h-[300px]",
1074
+ }),
1075
+ /* @__PURE__ */ React.createElement(
1076
+ import_material14.Box,
1077
+ { className: "flex flex-col px-[16px]" },
1078
+ /* @__PURE__ */ React.createElement(
1079
+ import_material14.Typography,
1080
+ {
1081
+ component: "span",
1082
+ className: "font-extrabold text-16 group-hover/card:text-gold2",
1083
+ },
1084
+ title,
1085
+ ),
1086
+ /* @__PURE__ */ React.createElement(
1087
+ import_material14.Typography,
1088
+ { component: "span", className: "group-hover/card:text-gold2" },
1089
+ text,
1090
+ ),
1091
+ ),
1092
+ ),
1093
+ );
776
1094
  };
777
1095
  var CategoryCard_default = CategoryCard;
778
1096
 
@@ -782,29 +1100,44 @@ var import_material15 = require("@mui/material");
782
1100
  var import_Typography5 = __toESM(require("@mui/material/Typography"));
783
1101
  var ArticleCard = (props) => {
784
1102
  const { image_src = NO_IMAGE } = props;
785
- return /* @__PURE__ */ React.createElement(import_link3.default, { href: "/", className: "group/card bg-gray-light" }, /* @__PURE__ */ React.createElement(
786
- ImageContainer_default,
787
- {
1103
+ return /* @__PURE__ */ React.createElement(
1104
+ import_link3.default,
1105
+ { href: "/", className: "group/card bg-gray-light" },
1106
+ /* @__PURE__ */ React.createElement(ImageContainer_default, {
788
1107
  src: image_src,
789
1108
  alt: "test",
790
1109
  contentful: false,
791
- height: "h-[220px]"
792
- }
793
- ), /* @__PURE__ */ React.createElement(import_material15.Box, { className: "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]" }, /* @__PURE__ */ React.createElement(
794
- import_Typography5.default,
795
- {
796
- component: "span",
797
- className: "text-16 font-extrabold group-hover/card:text-gold2"
798
- },
799
- "\u041E\u0441\u043E\u0431\u043B\u0438\u0432\u043E\u0441\u0442\u0456 \u043A\u0443\u043F\u0456\u0432\u043B\u0456 \u0433\u043E\u0442\u0435\u043B\u044E"
800
- ), /* @__PURE__ */ React.createElement(
801
- import_Typography5.default,
802
- {
803
- component: "span",
804
- className: "text-gray group-hover/card:text-gold2"
805
- },
806
- "We have built a strong network in Dubai since 2009, which allows us to source the best deal for"
807
- ), /* @__PURE__ */ React.createElement(import_Typography5.default, { component: "span", className: "border-gold-block-snack" }, "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430")));
1110
+ height: "h-[220px]",
1111
+ }),
1112
+ /* @__PURE__ */ React.createElement(
1113
+ import_material15.Box,
1114
+ {
1115
+ className:
1116
+ "pt-[24px] pl-[16px] pr-[50px] pb-[10px] flex flex-col gap-[6px]",
1117
+ },
1118
+ /* @__PURE__ */ React.createElement(
1119
+ import_Typography5.default,
1120
+ {
1121
+ component: "span",
1122
+ className: "text-16 font-extrabold group-hover/card:text-gold2",
1123
+ },
1124
+ "\u041E\u0441\u043E\u0431\u043B\u0438\u0432\u043E\u0441\u0442\u0456 \u043A\u0443\u043F\u0456\u0432\u043B\u0456 \u0433\u043E\u0442\u0435\u043B\u044E",
1125
+ ),
1126
+ /* @__PURE__ */ React.createElement(
1127
+ import_Typography5.default,
1128
+ {
1129
+ component: "span",
1130
+ className: "text-gray group-hover/card:text-gold2",
1131
+ },
1132
+ "We have built a strong network in Dubai since 2009, which allows us to source the best deal for",
1133
+ ),
1134
+ /* @__PURE__ */ React.createElement(
1135
+ import_Typography5.default,
1136
+ { component: "span", className: "border-gold-block-snack" },
1137
+ "\u0422\u0435\u0433-\u043D\u0430\u0437\u0432\u0430",
1138
+ ),
1139
+ ),
1140
+ );
808
1141
  };
809
1142
  var ArticleCard_default = ArticleCard;
810
1143
 
@@ -824,21 +1157,83 @@ var RealtorCard_default = RealtorCard;
824
1157
  var import_material16 = require("@mui/material");
825
1158
  var import_link4 = __toESM(require("next/link"));
826
1159
  var RealtyCard = () => {
827
- return /* @__PURE__ */ React.createElement(import_link4.default, { href: "/", className: "relative" }, /* @__PURE__ */ React.createElement(import_material16.Box, { className: "absolute left-[16px] top-[16px] flex flex-col gap-[9px] z-[1]" }, /* @__PURE__ */ React.createElement(Chip_default, { view: "white", label: "id: 00154" }), /* @__PURE__ */ React.createElement(Chip_default, { view: "white", label: "\u0416\u041A: \u0421\u0443\u0447\u0430\u0441\u043D\u0438\u0439 \u043A\u0432\u0430\u0440\u0442\u0430\u043B4" })), /* @__PURE__ */ React.createElement(
828
- ImageContainer_default,
829
- {
1160
+ return /* @__PURE__ */ React.createElement(
1161
+ import_link4.default,
1162
+ { href: "/", className: "relative" },
1163
+ /* @__PURE__ */ React.createElement(
1164
+ import_material16.Box,
1165
+ {
1166
+ className:
1167
+ "absolute left-[16px] top-[16px] flex flex-col gap-[9px] z-[1]",
1168
+ },
1169
+ /* @__PURE__ */ React.createElement(Chip_default, {
1170
+ view: "white",
1171
+ label: "id: 00154",
1172
+ }),
1173
+ /* @__PURE__ */ React.createElement(Chip_default, {
1174
+ view: "white",
1175
+ label:
1176
+ "\u0416\u041A: \u0421\u0443\u0447\u0430\u0441\u043D\u0438\u0439 \u043A\u0432\u0430\u0440\u0442\u0430\u043B4",
1177
+ }),
1178
+ ),
1179
+ /* @__PURE__ */ React.createElement(ImageContainer_default, {
830
1180
  src: "/images/test.png",
831
1181
  alt: "test",
832
1182
  height: "h-[260px]",
833
- contentful: false
834
- }
835
- ), /* @__PURE__ */ React.createElement(import_material16.Box, { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]" }, /* @__PURE__ */ React.createElement(Chip_default, { view: "black", label: "120 000 \u20B4/\u043C\u0456\u0441\u044F\u0446\u044C" }), /* @__PURE__ */ React.createElement(import_material16.Typography, { component: "span", className: "font-extrabold" }, "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25"), /* @__PURE__ */ React.createElement(import_material16.Typography, { component: "span", className: "text-12" }, "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D"), /* @__PURE__ */ React.createElement(
836
- Chip_default,
837
- {
838
- view: "silver",
839
- label: /* @__PURE__ */ React.createElement(import_material16.Stack, { direction: "row", spacing: 1 }, /* @__PURE__ */ React.createElement(import_material16.Typography, null, "\u043C\u0435\u0442\u0440\u043E:"), /* @__PURE__ */ React.createElement(import_material16.Typography, { className: "font-extrabold" }, "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430"))
840
- }
841
- ), /* @__PURE__ */ React.createElement(import_material16.Box, { className: "flex flex-wrap gap-[6px] mt-[6px]" }, /* @__PURE__ */ React.createElement(Chip_default, { view: "line", label: "2 \u043A\u0456\u043C\u043D" }), /* @__PURE__ */ React.createElement(Chip_default, { view: "line", label: "60 \u043C\xB2" }), /* @__PURE__ */ React.createElement(Chip_default, { view: "line", label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24" }))));
1183
+ contentful: false,
1184
+ }),
1185
+ /* @__PURE__ */ React.createElement(
1186
+ import_material16.Box,
1187
+ { className: "bg-white py-[20px] px-[16px] flex flex-col gap-[6px]" },
1188
+ /* @__PURE__ */ React.createElement(Chip_default, {
1189
+ view: "black",
1190
+ label: "120 000 \u20B4/\u043C\u0456\u0441\u044F\u0446\u044C",
1191
+ }),
1192
+ /* @__PURE__ */ React.createElement(
1193
+ import_material16.Typography,
1194
+ { component: "span", className: "font-extrabold" },
1195
+ "\u0432\u0443\u043B. \u0414\u0440\u0430\u0433\u043E\u043C\u0438\u0440\u043E\u0432\u0430 25",
1196
+ ),
1197
+ /* @__PURE__ */ React.createElement(
1198
+ import_material16.Typography,
1199
+ { component: "span", className: "text-12" },
1200
+ "\u041F\u0435\u0447\u0435\u0440\u0441\u044C\u043A\u0438\u0439 \u0440-\u043D",
1201
+ ),
1202
+ /* @__PURE__ */ React.createElement(Chip_default, {
1203
+ view: "silver",
1204
+ label: /* @__PURE__ */ React.createElement(
1205
+ import_material16.Stack,
1206
+ { direction: "row", spacing: 1 },
1207
+ /* @__PURE__ */ React.createElement(
1208
+ import_material16.Typography,
1209
+ null,
1210
+ "\u043C\u0435\u0442\u0440\u043E:",
1211
+ ),
1212
+ /* @__PURE__ */ React.createElement(
1213
+ import_material16.Typography,
1214
+ { className: "font-extrabold" },
1215
+ "\u041B\u0438\u0431\u0456\u0434\u0441\u044C\u043A\u0430",
1216
+ ),
1217
+ ),
1218
+ }),
1219
+ /* @__PURE__ */ React.createElement(
1220
+ import_material16.Box,
1221
+ { className: "flex flex-wrap gap-[6px] mt-[6px]" },
1222
+ /* @__PURE__ */ React.createElement(Chip_default, {
1223
+ view: "line",
1224
+ label: "2 \u043A\u0456\u043C\u043D",
1225
+ }),
1226
+ /* @__PURE__ */ React.createElement(Chip_default, {
1227
+ view: "line",
1228
+ label: "60 \u043C\xB2",
1229
+ }),
1230
+ /* @__PURE__ */ React.createElement(Chip_default, {
1231
+ view: "line",
1232
+ label: "\u043F\u043E\u0432\u0435\u0440\u0445: 3/24",
1233
+ }),
1234
+ ),
1235
+ ),
1236
+ );
842
1237
  };
843
1238
  var RealtyCard_default = RealtyCard;
844
1239
 
@@ -846,22 +1241,66 @@ var RealtyCard_default = RealtyCard;
846
1241
  var import_material17 = require("@mui/material");
847
1242
  var TeamPersonCard = (props) => {
848
1243
  const { image_url = NO_IMAGE, name, position, text } = props;
849
- return /* @__PURE__ */ React.createElement(import_material17.Box, { className: "group/card" }, /* @__PURE__ */ React.createElement(import_material17.Box, { className: "relative h-[300px]" }, /* @__PURE__ */ React.createElement(import_material17.Box, { className: "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]" }, /* @__PURE__ */ React.createElement(
850
- ImageContainer_default,
851
- {
852
- contentful: false,
853
- src: image_url,
854
- alt: name,
855
- objectFit: "object-contain"
856
- }
857
- )), /* @__PURE__ */ React.createElement(import_material17.Box, { className: "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white" }, /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "text-16 font-extrabold" }, position), /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "mt-[4px]" }, name), /* @__PURE__ */ React.createElement(
858
- import_material17.Typography,
859
- {
860
- component: "span",
861
- className: "mt-[11px] text-12 !leading-[16px]"
862
- },
863
- text
864
- ))), /* @__PURE__ */ React.createElement(import_material17.Box, { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12" }, /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "text-16 font-extrabold" }, position), /* @__PURE__ */ React.createElement(import_material17.Typography, { component: "span", className: "text-gray" }, name)));
1244
+ return /* @__PURE__ */ React.createElement(
1245
+ import_material17.Box,
1246
+ { className: "group/card" },
1247
+ /* @__PURE__ */ React.createElement(
1248
+ import_material17.Box,
1249
+ { className: "relative h-[300px]" },
1250
+ /* @__PURE__ */ React.createElement(
1251
+ import_material17.Box,
1252
+ {
1253
+ className:
1254
+ "w-full h-full bg-gray-medium group-hover/card:brightness-[50%]",
1255
+ },
1256
+ /* @__PURE__ */ React.createElement(ImageContainer_default, {
1257
+ contentful: false,
1258
+ src: image_url,
1259
+ alt: name,
1260
+ objectFit: "object-contain",
1261
+ }),
1262
+ ),
1263
+ /* @__PURE__ */ React.createElement(
1264
+ import_material17.Box,
1265
+ {
1266
+ className:
1267
+ "hidden absolute top-[110px] left-[30px] right-[30px] group-hover/card:flex flex-col text-white",
1268
+ },
1269
+ /* @__PURE__ */ React.createElement(
1270
+ import_material17.Typography,
1271
+ { component: "span", className: "text-16 font-extrabold" },
1272
+ position,
1273
+ ),
1274
+ /* @__PURE__ */ React.createElement(
1275
+ import_material17.Typography,
1276
+ { component: "span", className: "mt-[4px]" },
1277
+ name,
1278
+ ),
1279
+ /* @__PURE__ */ React.createElement(
1280
+ import_material17.Typography,
1281
+ {
1282
+ component: "span",
1283
+ className: "mt-[11px] text-12 !leading-[16px]",
1284
+ },
1285
+ text,
1286
+ ),
1287
+ ),
1288
+ ),
1289
+ /* @__PURE__ */ React.createElement(
1290
+ import_material17.Box,
1291
+ { className: "mt-[20px] text-center mx-auto flex flex-col w-10/12" },
1292
+ /* @__PURE__ */ React.createElement(
1293
+ import_material17.Typography,
1294
+ { component: "span", className: "text-16 font-extrabold" },
1295
+ position,
1296
+ ),
1297
+ /* @__PURE__ */ React.createElement(
1298
+ import_material17.Typography,
1299
+ { component: "span", className: "text-gray" },
1300
+ name,
1301
+ ),
1302
+ ),
1303
+ );
865
1304
  };
866
1305
  var TeamPersonCard_default = TeamPersonCard;
867
1306
 
@@ -869,35 +1308,56 @@ var TeamPersonCard_default = TeamPersonCard;
869
1308
  var import_react10 = require("react");
870
1309
  var import_material18 = require("@mui/material");
871
1310
  var import_react_hook_form = require("react-hook-form");
1311
+ const React = require("react");
872
1312
  var RenderInputAutocomplete = (_a) => {
873
- var _b = _a, {
874
- InputProps: InputProps2,
875
- InputLabelProps
876
- } = _b, other = __objRest(_b, [
877
- "InputProps",
878
- "InputLabelProps"
879
- ]);
880
- return /* @__PURE__ */ React.createElement(import_material18.Box, { ref: InputProps2.ref }, /* @__PURE__ */ React.createElement(
881
- import_material18.Input,
882
- __spreadProps(__spreadValues(__spreadValues({}, InputProps2), other), {
883
- startAdornment: /* @__PURE__ */ React.createElement(import_material18.Stack, { direction: "row", alignItems: "center" }, /* @__PURE__ */ React.createElement(import_material18.InputAdornment, { position: "start" }, /* @__PURE__ */ React.createElement(search_default, null)), InputProps2.startAdornment),
884
- endAdornment: /* @__PURE__ */ React.createElement(React.Fragment, null),
885
- ref: InputProps2.ref,
886
- disableUnderline: true,
887
- placeholder: "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
888
- componentsProps: {
889
- root: {
890
- className: "border rounded-none border-solid normal-case text-accent-dark hover:bg-white border-accent-beige gap-x-2 px-5 !py-2"
891
- }
892
- // input: {
893
- // className: "w-full",
894
- // },
895
- }
896
- })
897
- ));
1313
+ var _b = _a,
1314
+ { InputProps: InputProps2, InputLabelProps } = _b,
1315
+ other = __objRest(_b, ["InputProps", "InputLabelProps"]);
1316
+ return /* @__PURE__ */ React.createElement(
1317
+ import_material18.Box,
1318
+ { ref: InputProps2.ref },
1319
+ /* @__PURE__ */ React.createElement(
1320
+ import_material18.Input,
1321
+ __spreadProps(__spreadValues(__spreadValues({}, InputProps2), other), {
1322
+ startAdornment: /* @__PURE__ */ React.createElement(
1323
+ import_material18.Stack,
1324
+ { direction: "row", alignItems: "center" },
1325
+ /* @__PURE__ */ React.createElement(
1326
+ import_material18.InputAdornment,
1327
+ { position: "start" },
1328
+ /* @__PURE__ */ React.createElement(search_default, null),
1329
+ ),
1330
+ InputProps2.startAdornment,
1331
+ ),
1332
+ endAdornment: /* @__PURE__ */ React.createElement(React.Fragment, null),
1333
+ ref: InputProps2.ref,
1334
+ disableUnderline: true,
1335
+ placeholder:
1336
+ "\u041F\u043E\u0448\u0443\u043A \u043F\u043E \u0440\u0430\u0439\u043E\u043D\u0443, \u0432\u0443\u043B\u0438\u0446\u0456, \u0416\u041A",
1337
+ componentsProps: {
1338
+ root: {
1339
+ className:
1340
+ "border rounded-none border-solid normal-case text-accent-dark hover:bg-white border-accent-beige gap-x-2 px-5 !py-2",
1341
+ },
1342
+ // input: {
1343
+ // className: "w-full",
1344
+ // },
1345
+ },
1346
+ }),
1347
+ ),
1348
+ );
898
1349
  };
899
1350
  var CustomPaperComponent = (props) => {
900
- return /* @__PURE__ */ React.createElement(import_material18.Paper, __spreadValues({}, props), /* @__PURE__ */ React.createElement("div", { key: "click-away-wrapper" }, "helllooo", props.children));
1351
+ return /* @__PURE__ */ React.createElement(
1352
+ import_material18.Paper,
1353
+ __spreadValues({}, props),
1354
+ /* @__PURE__ */ React.createElement(
1355
+ "div",
1356
+ { key: "click-away-wrapper" },
1357
+ "helllooo",
1358
+ props.children,
1359
+ ),
1360
+ );
901
1361
  };
902
1362
  var Autocomplete = (props) => {
903
1363
  const { values } = props;
@@ -912,75 +1372,87 @@ var Autocomplete = (props) => {
912
1372
  else setAnchorEl(event.currentTarget);
913
1373
  setOpen(!open);
914
1374
  };
915
- return /* @__PURE__ */ React.createElement(
916
- import_material18.Autocomplete,
917
- {
918
- multiple: true,
919
- ref: anchorEl,
920
- open: !!anchorEl,
921
- onOpen: handleClick,
922
- onClose: handleClick,
923
- onChange: (_event, values2) => {
924
- field.onChange(values2);
925
- },
926
- disableCloseOnSelect: true,
927
- options: values,
928
- PaperComponent: CustomPaperComponent,
929
- renderTags: (value, getTagProps) => value.map((option, index) => {
930
- const _a = getTagProps({ index }), { key } = _a, tagProps = __objRest(_a, ["key"]);
1375
+ return /* @__PURE__ */ React.createElement(import_material18.Autocomplete, {
1376
+ multiple: true,
1377
+ ref: anchorEl,
1378
+ open: !!anchorEl,
1379
+ onOpen: handleClick,
1380
+ onClose: handleClick,
1381
+ onChange: (_event, values2) => {
1382
+ field.onChange(values2);
1383
+ },
1384
+ disableCloseOnSelect: true,
1385
+ options: values,
1386
+ PaperComponent: CustomPaperComponent,
1387
+ renderTags: (value, getTagProps) =>
1388
+ value.map((option, index) => {
1389
+ const _a = getTagProps({ index }),
1390
+ { key } = _a,
1391
+ tagProps = __objRest(_a, ["key"]);
931
1392
  return /* @__PURE__ */ React.createElement(
932
1393
  import_material18.Chip,
933
- __spreadProps(__spreadValues({
934
- label: option,
935
- key
936
- }, tagProps), {
937
- deleteIcon: /* @__PURE__ */ React.createElement(IconButton_default, { className: "rounded-none bg-accent-silver p-1" }, /* @__PURE__ */ React.createElement(close_default, null)),
938
- className: "rounded-none w-fit h-fit bg-transparent p-0"
939
- })
1394
+ __spreadProps(
1395
+ __spreadValues(
1396
+ {
1397
+ label: option,
1398
+ key,
1399
+ },
1400
+ tagProps,
1401
+ ),
1402
+ {
1403
+ deleteIcon: /* @__PURE__ */ React.createElement(
1404
+ IconButton_default,
1405
+ { className: "rounded-none bg-accent-silver p-1" },
1406
+ /* @__PURE__ */ React.createElement(close_default, null),
1407
+ ),
1408
+ className: "rounded-none w-fit h-fit bg-transparent p-0",
1409
+ },
1410
+ ),
940
1411
  );
941
1412
  }),
942
- slotProps: {
943
- paper: {
944
- sx: {},
945
- className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none shadow-sm`
946
- }
1413
+ slotProps: {
1414
+ paper: {
1415
+ sx: {},
1416
+ className: `menu ${open ? "menu--open" : "menu--close"} z-50 rounded-none shadow-sm`,
947
1417
  },
948
- renderInput: (params) => /* @__PURE__ */ React.createElement(
1418
+ },
1419
+ renderInput: (params) =>
1420
+ /* @__PURE__ */ React.createElement(
949
1421
  RenderInputAutocomplete,
950
- __spreadValues({}, params)
951
- )
952
- }
953
- );
1422
+ __spreadValues({}, params),
1423
+ ),
1424
+ });
954
1425
  };
955
1426
  var Autocomplete_default = Autocomplete;
956
1427
  // Annotate the CommonJS export names for ESM import in node:
957
- 0 && (module.exports = {
958
- AppBar,
959
- ArticleCard,
960
- Autocomplete,
961
- Avatar,
962
- Badge,
963
- Button,
964
- CategoryCard,
965
- Chip,
966
- FromToInput,
967
- Greet,
968
- IconButton,
969
- ImageContainer,
970
- Input,
971
- JobCard,
972
- MapIcon,
973
- MenuItem,
974
- PhoneInput,
975
- Providers,
976
- Radio,
977
- RadioGroup,
978
- RealtorCard,
979
- RealtyCard,
980
- Select,
981
- SelectPro,
982
- Slider,
983
- Switch,
984
- TeamPersonCard,
985
- Text
986
- });
1428
+ 0 &&
1429
+ (module.exports = {
1430
+ AppBar,
1431
+ ArticleCard,
1432
+ Autocomplete,
1433
+ Avatar,
1434
+ Badge,
1435
+ Button,
1436
+ CategoryCard,
1437
+ Chip,
1438
+ FromToInput,
1439
+ Greet,
1440
+ IconButton,
1441
+ ImageContainer,
1442
+ Input,
1443
+ JobCard,
1444
+ MapIcon,
1445
+ MenuItem,
1446
+ PhoneInput,
1447
+ Providers,
1448
+ Radio,
1449
+ RadioGroup,
1450
+ RealtorCard,
1451
+ RealtyCard,
1452
+ Select,
1453
+ SelectPro,
1454
+ Slider,
1455
+ Switch,
1456
+ TeamPersonCard,
1457
+ Text,
1458
+ });