@a-type/ui 0.3.1 → 0.3.3
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.
- package/dist/cjs/components/button/Button.js +6 -1
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/camera/Camera.d.ts +1 -0
- package/dist/cjs/components/camera/Camera.js +24 -18
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/icon/generated/IconSpritesheet.js +1 -1
- package/dist/cjs/components/icon/generated/IconSpritesheet.js.map +1 -1
- package/dist/cjs/components/icon/generated/iconNames.d.ts +1 -1
- package/dist/cjs/components/icon/generated/iconNames.js +10 -0
- package/dist/cjs/components/icon/generated/iconNames.js.map +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js +28 -2
- package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.stories.d.ts +22 -0
- package/dist/cjs/components/imageUploader/ImageUploader.stories.js +28 -0
- package/dist/cjs/components/imageUploader/ImageUploader.stories.js.map +1 -0
- package/dist/esm/components/button/Button.js +6 -1
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/camera/Camera.d.ts +1 -0
- package/dist/esm/components/camera/Camera.js +24 -18
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/icon/generated/IconSpritesheet.js +1 -1
- package/dist/esm/components/icon/generated/IconSpritesheet.js.map +1 -1
- package/dist/esm/components/icon/generated/iconNames.d.ts +1 -1
- package/dist/esm/components/icon/generated/iconNames.js +10 -0
- package/dist/esm/components/icon/generated/iconNames.js.map +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.js +29 -3
- package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.stories.d.ts +22 -0
- package/dist/esm/components/imageUploader/ImageUploader.stories.js +25 -0
- package/dist/esm/components/imageUploader/ImageUploader.stories.js.map +1 -0
- package/package.json +3 -2
- package/src/components/actions/ActionBar.tsx +38 -0
- package/src/components/actions/ActionButton.tsx +59 -0
- package/src/components/actions/index.ts +2 -0
- package/src/components/actions.ts +1 -0
- package/src/components/avatar/Avatar.tsx +62 -0
- package/src/components/avatar/AvatarList.tsx +71 -0
- package/src/components/avatar/index.ts +2 -0
- package/src/components/avatar.ts +1 -0
- package/src/components/button/Button.stories.tsx +20 -0
- package/src/components/button/Button.tsx +66 -0
- package/src/components/button/ConfirmedButton.tsx +66 -0
- package/src/components/button/classes.tsx +56 -0
- package/src/components/button/index.ts +3 -0
- package/src/components/button.ts +1 -0
- package/src/components/camera/Camera.stories.tsx +40 -0
- package/src/components/camera/Camera.tsx +215 -0
- package/src/components/camera/index.ts +1 -0
- package/src/components/camera.ts +1 -0
- package/src/components/card/Card.stories.tsx +41 -0
- package/src/components/card/Card.tsx +68 -0
- package/src/components/card/index.ts +1 -0
- package/src/components/card.ts +1 -0
- package/src/components/checkbox/Checkbox.tsx +46 -0
- package/src/components/checkbox/index.ts +1 -0
- package/src/components/checkbox.ts +1 -0
- package/src/components/chip/Chip.tsx +29 -0
- package/src/components/chip/index.ts +1 -0
- package/src/components/chip.ts +1 -0
- package/src/components/collapsible/Collapsible.tsx +48 -0
- package/src/components/collapsible/index.ts +1 -0
- package/src/components/collapsible.ts +1 -0
- package/src/components/colorPicker/ColorPicker.tsx +82 -0
- package/src/components/colorPicker/index.ts +1 -0
- package/src/components/colorPicker.ts +1 -0
- package/src/components/contextMenu/contextMenu.tsx +43 -0
- package/src/components/contextMenu.ts +1 -0
- package/src/components/dialog/Dialog.stories.tsx +38 -0
- package/src/components/dialog/Dialog.tsx +267 -0
- package/src/components/dialog/index.ts +1 -0
- package/src/components/dialog.ts +1 -0
- package/src/components/divider/Divider.tsx +26 -0
- package/src/components/divider/index.ts +1 -0
- package/src/components/divider.ts +1 -0
- package/src/components/dropdownMenu/DropdownMenu.stories.tsx +47 -0
- package/src/components/dropdownMenu/DropdownMenu.tsx +89 -0
- package/src/components/dropdownMenu/index.ts +1 -0
- package/src/components/dropdownMenu.ts +1 -0
- package/src/components/errorBoundary/ErrorBoundary.tsx +23 -0
- package/src/components/errorBoundary/index.ts +1 -0
- package/src/components/errorBoundary.ts +1 -0
- package/src/components/forms/Form.tsx +9 -0
- package/src/components/forms/FormikForm.tsx +41 -0
- package/src/components/forms/SubmitButton.tsx +15 -0
- package/src/components/forms/TextField.tsx +112 -0
- package/src/components/forms/index.tsx +4 -0
- package/src/components/forms.ts +1 -0
- package/src/components/icon/Icon.tsx +28 -0
- package/src/components/icon/generated/IconSpritesheet.tsx +442 -0
- package/src/components/icon/generated/iconNames.ts +44 -0
- package/src/components/icon/index.ts +3 -0
- package/src/components/icon.ts +1 -0
- package/src/components/imageUploader/ImageUploader.stories.tsx +39 -0
- package/src/components/imageUploader/ImageUploader.tsx +203 -0
- package/src/components/imageUploader/UploadIcon.tsx +23 -0
- package/src/components/imageUploader/index.ts +1 -0
- package/src/components/imageUploader.ts +1 -0
- package/src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx +38 -0
- package/src/components/infiniteLoadTrigger.ts +1 -0
- package/src/components/input/Input.stories.tsx +17 -0
- package/src/components/input/Input.tsx +32 -0
- package/src/components/input/index.ts +1 -0
- package/src/components/input.ts +1 -0
- package/src/components/layouts/PageContent.tsx +51 -0
- package/src/components/layouts/PageFixedArea.tsx +17 -0
- package/src/components/layouts/PageNav.tsx +23 -0
- package/src/components/layouts/PageNowPlaying.tsx +24 -0
- package/src/components/layouts/PageRoot.tsx +29 -0
- package/src/components/layouts/PageSection.tsx +23 -0
- package/src/components/layouts/index.tsx +6 -0
- package/src/components/layouts.ts +1 -0
- package/src/components/liveUpdateTextField/LiveUpdateTextField.tsx +132 -0
- package/src/components/liveUpdateTextField/index.ts +1 -0
- package/src/components/liveUpdateTextField.ts +1 -0
- package/src/components/navBar/NavBar.tsx +59 -0
- package/src/components/navBar/index.ts +1 -0
- package/src/components/navBar.ts +1 -0
- package/src/components/note/Note.tsx +21 -0
- package/src/components/note/index.ts +1 -0
- package/src/components/note.ts +1 -0
- package/src/components/numberStepper/NumberStepper.stories.tsx +21 -0
- package/src/components/numberStepper/NumberStepper.tsx +74 -0
- package/src/components/numberStepper/index.ts +1 -0
- package/src/components/numberStepper.ts +1 -0
- package/src/components/particles/ParticleContext.tsx +11 -0
- package/src/components/particles/ParticleLayer.stories.tsx +46 -0
- package/src/components/particles/ParticleLayer.tsx +28 -0
- package/src/components/particles/index.ts +7 -0
- package/src/components/particles/particlesState.ts +502 -0
- package/src/components/particles.ts +1 -0
- package/src/components/peek/Peek.tsx +74 -0
- package/src/components/peek/index.ts +1 -0
- package/src/components/peek.ts +1 -0
- package/src/components/popover/Popover.tsx +84 -0
- package/src/components/popover/index.ts +1 -0
- package/src/components/popover.ts +1 -0
- package/src/components/relativeTime/RelativeTime.tsx +43 -0
- package/src/components/relativeTime/index.ts +1 -0
- package/src/components/relativeTime.ts +1 -0
- package/src/components/richEditor/EditorContent.tsx +4 -0
- package/src/components/richEditor/RichEditor.tsx +38 -0
- package/src/components/richEditor/index.ts +1 -0
- package/src/components/richEditor.ts +1 -0
- package/src/components/select/Select.tsx +247 -0
- package/src/components/select/index.ts +1 -0
- package/src/components/select.ts +1 -0
- package/src/components/skeletons/skeletons.tsx +27 -0
- package/src/components/skeletons.ts +1 -0
- package/src/components/spinner/Spinner.tsx +59 -0
- package/src/components/spinner/index.ts +1 -0
- package/src/components/spinner.ts +1 -0
- package/src/components/switch/Switch.tsx +23 -0
- package/src/components/switch/index.ts +1 -0
- package/src/components/switch.ts +1 -0
- package/src/components/tabs/tabs.tsx +18 -0
- package/src/components/tabs.ts +1 -0
- package/src/components/textArea/TextArea.stories.tsx +21 -0
- package/src/components/textArea/TextArea.tsx +58 -0
- package/src/components/textArea/index.ts +1 -0
- package/src/components/textArea.ts +1 -0
- package/src/components/toggleGroup/toggleGroup.tsx +11 -0
- package/src/components/toggleGroup.ts +1 -0
- package/src/components/tooltip/Tooltip.tsx +56 -0
- package/src/components/tooltip/index.ts +1 -0
- package/src/components/tooltip.ts +1 -0
- package/src/components/typography/index.ts +1 -0
- package/src/components/typography/typography.tsx +18 -0
- package/src/components/typography.ts +1 -0
- package/src/hooks/index.ts +7 -0
- package/src/hooks/useMergedRef.ts +14 -0
- package/src/hooks/useOnUnmount.ts +20 -0
- package/src/hooks/useSize.ts +164 -0
- package/src/hooks/useStableCallback.ts +11 -0
- package/src/hooks/useToggle.tsx +9 -0
- package/src/hooks/useVisualViewportOffset.ts +35 -0
- package/src/hooks/withClassName.tsx +21 -0
- package/src/hooks.ts +1 -0
- package/src/uno.preset.ts +767 -0
|
@@ -24,6 +24,11 @@ const react_slot_1 = require("@radix-ui/react-slot");
|
|
|
24
24
|
exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
25
25
|
var { className, color, size, toggled, align, visuallyDisabled, loading, children, disabled, asChild } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "align", "visuallyDisabled", "loading", "children", "disabled", "asChild"]);
|
|
26
26
|
const Comp = asChild ? react_slot_1.Slot : 'button';
|
|
27
|
-
|
|
27
|
+
const buttonProps = Object.assign(Object.assign({ ref: ref }, props), { disabled: disabled || loading, 'data-disabled': visuallyDisabled, tabIndex: visuallyDisabled ? -1 : undefined, className: (0, classnames_1.default)((0, classes_js_1.getButtonClassName)({ color, size, toggled, align }), className) });
|
|
28
|
+
if (asChild) {
|
|
29
|
+
// avoid rendering loading spinner with asChild
|
|
30
|
+
return (0, jsx_runtime_1.jsx)(Comp, Object.assign({}, buttonProps, { children: children }));
|
|
31
|
+
}
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)(Comp, Object.assign({}, buttonProps, { children: [loading && (0, jsx_runtime_1.jsx)(spinner_js_1.Spinner, { size: 16, className: "inline-block w-1em h-1em" }), children] })));
|
|
28
33
|
});
|
|
29
34
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,iCAAyD;AACzD,8CAAwC;AACxC,6CAAkD;AAClD,qDAA4C;AAmB/B,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC/B,SAAS,MAAM,CACd,EAYC,EACD,GAAG;QAbH,EACC,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,OAEP,EADG,KAAK,cAXT,oHAYC,CADQ;IAIT,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,iCAAyD;AACzD,8CAAwC;AACxC,6CAAkD;AAClD,qDAA4C;AAmB/B,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC/B,SAAS,MAAM,CACd,EAYC,EACD,GAAG;QAbH,EACC,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,OAEP,EADG,KAAK,cAXT,oHAYC,CADQ;IAIT,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,MAAM,WAAW,iCAChB,GAAG,EAAE,GAAG,IACL,KAAK,KACR,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,eAAe,EAAE,gBAAgB,EACjC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAE,IAAA,oBAAU,EACpB,IAAA,+BAAkB,EAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EACnD,SAAS,CACT,GACD,CAAC;IAEF,IAAI,OAAO,EAAE;QACZ,+CAA+C;QAC/C,OAAO,uBAAC,IAAI,oBAAK,WAAW,cAAG,QAAQ,IAAQ,CAAC;KAChD;IAED,OAAO,CACN,wBAAC,IAAI,oBAAK,WAAW,eACnB,OAAO,IAAI,uBAAC,oBAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B,GAAG,EACrE,QAAQ,KACH,CACP,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -3,6 +3,7 @@ export interface CameraRootProps {
|
|
|
3
3
|
className?: string;
|
|
4
4
|
onCapture?: (data: string) => void;
|
|
5
5
|
children?: ReactNode;
|
|
6
|
+
format?: 'image/png' | 'image/jpeg';
|
|
6
7
|
}
|
|
7
8
|
export declare const CameraRoot: import("react").ForwardRefExoticComponent<CameraRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
9
|
export interface CameraShutterButtonProps {
|
|
@@ -30,7 +30,7 @@ const CameraContext = (0, react_1.createContext)({
|
|
|
30
30
|
devices: [],
|
|
31
31
|
});
|
|
32
32
|
exports.CameraRoot = (0, react_1.forwardRef)(function Camera(_a, ref) {
|
|
33
|
-
var { className, onCapture, children } = _a, rest = __rest(_a, ["className", "onCapture", "children"]);
|
|
33
|
+
var { className, onCapture, children, format = 'image/png' } = _a, rest = __rest(_a, ["className", "onCapture", "children", "format"]);
|
|
34
34
|
const videoRef = (0, react_1.useRef)(null);
|
|
35
35
|
const triggerCapture = () => {
|
|
36
36
|
var _a;
|
|
@@ -40,7 +40,7 @@ exports.CameraRoot = (0, react_1.forwardRef)(function Camera(_a, ref) {
|
|
|
40
40
|
canvas.width = video.videoWidth;
|
|
41
41
|
canvas.height = video.videoHeight;
|
|
42
42
|
(_a = canvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.drawImage(video, 0, 0);
|
|
43
|
-
const data = canvas.toDataURL(
|
|
43
|
+
const data = canvas.toDataURL(format);
|
|
44
44
|
onCapture === null || onCapture === void 0 ? void 0 : onCapture(data);
|
|
45
45
|
}
|
|
46
46
|
};
|
|
@@ -51,32 +51,38 @@ exports.CameraRoot = (0, react_1.forwardRef)(function Camera(_a, ref) {
|
|
|
51
51
|
});
|
|
52
52
|
}, []);
|
|
53
53
|
const [selectedDeviceId, setSelectedDeviceId] = (0, react_1.useState)();
|
|
54
|
+
const [stream, setStream] = (0, react_1.useState)();
|
|
55
|
+
(0, react_1.useEffect)(() => {
|
|
56
|
+
navigator.mediaDevices
|
|
57
|
+
.getUserMedia({
|
|
58
|
+
video: {
|
|
59
|
+
deviceId: selectedDeviceId,
|
|
60
|
+
},
|
|
61
|
+
})
|
|
62
|
+
.then((s) => {
|
|
63
|
+
setStream(s);
|
|
64
|
+
});
|
|
65
|
+
}, [selectedDeviceId]);
|
|
66
|
+
(0, react_1.useEffect)(() => {
|
|
67
|
+
return () => {
|
|
68
|
+
stream === null || stream === void 0 ? void 0 : stream.getTracks().forEach((track) => track.stop());
|
|
69
|
+
};
|
|
70
|
+
}, [stream]);
|
|
54
71
|
(0, react_1.useEffect)(() => {
|
|
55
72
|
const video = videoRef.current;
|
|
56
|
-
if (video) {
|
|
57
|
-
|
|
58
|
-
.getUserMedia({
|
|
59
|
-
video: {
|
|
60
|
-
deviceId: selectedDeviceId,
|
|
61
|
-
},
|
|
62
|
-
})
|
|
63
|
-
.then((stream) => {
|
|
64
|
-
video.srcObject = stream;
|
|
65
|
-
});
|
|
73
|
+
if (video && stream) {
|
|
74
|
+
video.srcObject = stream;
|
|
66
75
|
return () => {
|
|
67
|
-
|
|
68
|
-
if (src instanceof MediaStream) {
|
|
69
|
-
src.getTracks().forEach((track) => track.stop());
|
|
70
|
-
}
|
|
76
|
+
video.srcObject = null;
|
|
71
77
|
};
|
|
72
78
|
}
|
|
73
|
-
}, [
|
|
79
|
+
}, [stream]);
|
|
74
80
|
return ((0, jsx_runtime_1.jsx)(CameraContext.Provider, Object.assign({ value: {
|
|
75
81
|
devices,
|
|
76
82
|
triggerCapture,
|
|
77
83
|
selectedDeviceId,
|
|
78
84
|
selectDeviceId: setSelectedDeviceId,
|
|
79
|
-
} }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref, className: (0, classnames_1.default)('layer-components:([font-family:inherit] text-white rounded-lg overflow-hidden min-w-4 min-h-4 relative)', className) }, rest, { children: [(0, jsx_runtime_1.jsx)("video", { ref: videoRef, className: "w-full h-full object-cover", autoPlay: true, muted: true, playsInline: true }), children] })) })));
|
|
85
|
+
} }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref, className: (0, classnames_1.default)('layer-components:([font-family:inherit] text-white bg-black rounded-lg overflow-hidden min-w-4 min-h-4 relative)', className) }, rest, { children: [(0, jsx_runtime_1.jsx)("video", { ref: videoRef, className: "w-full h-full object-cover", autoPlay: true, muted: true, playsInline: true }), children] })) })));
|
|
80
86
|
});
|
|
81
87
|
exports.CameraShutterButton = (0, react_1.forwardRef)(function CameraShutterButton(_a, ref) {
|
|
82
88
|
var { asChild, onClick } = _a, rest = __rest(_a, ["asChild", "onClick"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,iCASe;AACf,4CAAsC;AACtC,wCAAkC;AAClC,4CAAgF;AAChF,qDAA4C;AAC5C,6CAA+C;AAE/C,MAAM,aAAa,GAAG,IAAA,qBAAa,EAKhC;IACF,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,gBAAgB,EAAE,SAAS;IAC3B,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,OAAO,EAAE,EAAE;CACX,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.IconSpritesheet = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
// WARNING: generated file! See 'scripts/generateIcons'. Do not modify!
|
|
6
|
-
const IconSpritesheet = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", style: { display: 'none' } }, props, { children: (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-placeholder", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_9_41)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.75005 3.75L11.25 11.25M11.25 3.75L3.75005 11.25M14.1667 7.49999C14.1667 11.1819 11.1819 14.1667 7.50004 14.1667C3.81814 14.1667 0.833374 11.1819 0.833374 7.49999C0.833374 3.8181 3.81814 0.833328 7.50004 0.833328C11.1819 0.833328 14.1667 3.8181 14.1667 7.49999Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_9_41" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-dots", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.875 7.5C3.875 7.91421 3.53921 8.25 3.125 8.25C2.71079 8.25 2.375 7.91421 2.375 7.5C2.375 7.08579 2.71079 6.75 3.125 6.75C3.53921 6.75 3.875 7.08579 3.875 7.5ZM8.25 7.5C8.25 7.91421 7.91421 8.25 7.5 8.25C7.08579 8.25 6.75 7.91421 6.75 7.5C6.75 7.08579 7.08579 6.75 7.5 6.75C7.91421 6.75 8.25 7.08579 8.25 7.5ZM12.625 7.5C12.625 7.91421 12.2892 8.25 11.875 8.25C11.4608 8.25 11.125 7.91421 11.125 7.5C11.125 7.08579 11.4608 6.75 11.875 6.75C12.2892 6.75 12.625 7.08579 12.625 7.5Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-globe", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("mask", Object.assign({ id: "mask0_301_239", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "13", height: "13" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "6.5", fill: "#D9D9D9" }) })), (0, jsx_runtime_1.jsxs)("g", Object.assign({ mask: "url(#mask0_301_239)" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "6", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M14.5 7.5C14.5 8.15685 13.9097 8.90677 12.5919 9.52178C11.3146 10.1179 9.51485 10.5 7.5 10.5C5.48515 10.5 3.68543 10.1179 2.40814 9.52178C1.09025 8.90677 0.5 8.15685 0.5 7.5C0.5 6.84315 1.09025 6.09323 2.40814 5.47822C3.68543 4.88215 5.48515 4.5 7.5 4.5C9.51485 4.5 11.3146 4.88215 12.5919 5.47822C13.9097 6.09323 14.5 6.84315 14.5 7.5Z", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 7.5C10.5 9.22874 10.1216 10.769 9.53464 11.8591C8.93669 12.9696 8.19442 13.5 7.5 13.5C6.80558 13.5 6.06331 12.9696 5.46536 11.8591C4.87838 10.769 4.5 9.22874 4.5 7.5C4.5 5.77126 4.87838 4.23096 5.46536 3.14086C6.06331 2.03038 6.80558 1.5 7.5 1.5C8.19442 1.5 8.93669 2.03038 9.53464 3.14086C10.1216 4.23096 10.5 5.77126 10.5 7.5Z", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M1 7.5H14", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.5 1V14", stroke: "currentColor" })] }))] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-cart", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M14 2H12.9837C12.5644 2 12.1896 2.26159 12.045 2.65518L11.6923 3.61538M11.6923 3.61538L9.95496 8.34482C9.81038 8.73841 9.4356 9 9.01629 9H8.46154H6.84615H5.23077H4.45005C4.01239 9 3.62558 8.7154 3.49535 8.29757L2.40952 4.81388C2.20738 4.16533 2.69685 3.5083 3.37613 3.51638L11.6923 3.61538Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "4", cy: "12", r: "0.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("circle", { cx: "10", cy: "12", r: "0.5", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-fridge", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "3.5", y: "0.5", width: "8", height: "14", rx: "1.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.5 6H11.5", stroke: "currentColor", strokeLinecap: "square" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.5 8V9.75V11.5", stroke: "currentColor", strokeLinecap: "round" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-book", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "2.5", y: "1.5", width: "10", height: "12", rx: "0.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 1.5V13.5", stroke: "currentColor", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("rect", { x: "4.5", y: "4.5", width: "4", height: "2", rx: "0.5", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-flag", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M8.5 14.5L10.6429 4.99999M10.6429 4.99999L11.5 0.999986C11.5 0.999986 9 1.99999 7.5 0.999986C6 -1.35601e-05 3.5 0.999986 3.5 0.999986L3 4.99999C3 4.99999 5 3.49999 6.8258 4.60521C8.6516 5.71043 10.6429 4.99999 10.6429 4.99999Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-locate", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_401_232)" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "1.5", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M4 7.5H0.5M11 7.5H14.5M7.5 4V0.5M7.5 11V14.5", stroke: "currentColor", strokeLinecap: "round" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_401_232" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-tag", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M2 7V2H7L14 9L9 14L2 7Z", stroke: "currentColor", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "4.5", cy: "4.5", r: "1", fill: "currentColor" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-scan", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M12.5 4.5V14.5H2.5V0.5H8.5M12.5 4.5L8.5 0.5M12.5 4.5H8.5V0.5", stroke: "currentColor", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "7", cy: "8", r: "2.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 10L12.5 13.5", stroke: "currentColor", strokeLinecap: "round" })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-filter", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M13 2.5H2L6.5 9V13.5L8.5 12.5V9L13 2.5Z", stroke: "currentColor", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-upload", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M1.5 10V11.5C1.5 12.6046 2.39543 13.5 3.5 13.5H11.5C12.6046 13.5 13.5 12.6046 13.5 11.5V10M7.5 10.5V1M7.5 1L4 4M7.5 1L11 4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-add_note", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_604_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9.5 0.5H0.5V14.5H14.5V5.5M9.5 0.5L14.5 5.5M9.5 0.5V5.5H14.5M7.5 3.5V11.5M3.5 7.5H11.5", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_604_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-drag_vertical", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M1 7.5H7.5M14 7.5H7.5M7.5 7.5V1.5M7.5 7.5V13.5M7.5 1.5L5.5 3.5M7.5 1.5L9.5 3.5M7.5 13.5L5.5 11.5M7.5 13.5L9.5 11.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-note", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_610_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9.5 0.5H0.5V14.5H14.5V5.5M9.5 0.5L14.5 5.5M9.5 0.5V5.5H14.5", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_610_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-food", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_611_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.49992 0.5V2M7.49992 4.5V2M7.49992 4.5C3.5 3 2 4 1.49994 6.5C0.999871 9 2.99993 13.5 4.49994 14C5.99994 14.5 6.99992 13.5 7.49992 13.5C7.99992 13.5 9.49992 14.5 10.4999 14C11.4999 13.5 13.9999 9 13.4999 6.5C13 4 11.6173 3.03149 7.49992 4.5ZM7.49992 2C7.49992 2 9.49992 0.499977 10.4999 0.5C11.0522 0.500013 11.6746 0.976057 11.4999 1.5C11.3618 1.91421 11.4999 2 10.4999 2C9.32835 2 7.49992 2 7.49992 2Z", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_611_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-magic", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_613_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.5 11V14M6 12.5H9M5.5 1.5C4.5 3.5 3.5 4.5 1.5 5.5C3.5 6.5 4.5 7.5 5.5 9.5C6.5 7.5 7.5 6.5 9.5 5.5C7.5 4.5 6.5 3.5 5.5 1.5ZM11.5 6.5C11 7.5 10.5 8 9.5 8.5C10.5 9 11 9.5 11.5 10.5C12 9.5 12.5 9 13.5 8.5C12.5 8 12 7.5 11.5 6.5Z", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_613_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-convert", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.5 7V9.5C2.5 12 5 11.5 7.5 11.5M7.5 11.5L5.5 9.5M7.5 11.5L5.5 13.5M12.5 8L12.5 5.5C12.5 3 10 3.5 7.5 3.5M7.5 3.5L9.5 5.5M7.5 3.5L9.5 1.5M13.5 9.5H9.5V13.5H13.5V9.5ZM5.5 3.5C5.5 2.39543 4.60457 1.5 3.5 1.5C2.39543 1.5 1.5 2.39543 1.5 3.5C1.5 4.60457 2.39543 5.5 3.5 5.5C4.60457 5.5 5.5 4.60457 5.5 3.5Z", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-offline", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_701_39)" }, { children: [(0, jsx_runtime_1.jsx)("mask", Object.assign({ id: "mask0_701_39", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "15", height: "15" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "7", fill: "#D9D9D9" }) })), (0, jsx_runtime_1.jsx)("g", Object.assign({ mask: "url(#mask0_701_39)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M14 7.5C14 11.0899 11.0899 14 7.5 14M14 7.5C14 3.91015 11.0899 1 7.5 1M14 7.5H1M7.5 14C3.91015 14 1 11.0899 1 7.5M7.5 14C9.433 14 11 11.0899 11 7.5C11 3.91015 9.433 1 7.5 1M7.5 14C5.567 14 4 11.0899 4 7.5C4 3.91015 5.567 1 7.5 1M7.5 14V1M1 7.5C1 3.91015 3.91015 1 7.5 1M15 7.5C15 9.433 11.6421 11 7.5 11C3.35786 11 0 9.433 0 7.5C0 5.567 3.35786 4 7.5 4C11.6421 4 15 5.567 15 7.5Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("circle", { cx: "10.5", cy: "10.5", r: "4", fill: "#FD7E4D" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 13L13 8M8 8L13 13", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_701_39" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-profile", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "3.5", r: "3", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M1.5 15C1.5 6.99998 13.5 7 13.5 15", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-add_person", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "6", cy: "5", r: "2.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M1 15C1 8.33331 11 8.33333 11 15", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M10 7.5H15M12.5 5V10", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-gift", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.5 6.5H1.5V4.5L7.5 4.40638M2.5 6.5V13.5H7.5M2.5 6.5H12.5M12.5 6.5H13.5V4.40638H7.5M12.5 6.5V13.5H7.5M7.5 13.5V4.40638M7.5 4.40638C0.533333 2.35059 7.13333 -2.10357 7.5 4.40638ZM7.5 4.40638C7.86667 -2.10357 14.4667 2.3506 7.5 4.40638Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-add_to_list", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2.5V5M12 7.5V5M9.5 5H12M14.5 5H12M1.5 7.5H7.5M1.5 4.5L7.5 4.49998M1.5 10.5H13.5", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-check", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M1.5 7.5L5.5 11.5L12.5 3.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-snowflake", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M7.5 3.5V11.5M7.5 3.5L5.5 2M7.5 3.5L9.5 2M7.5 3.5V1M7.5 11.5L5.5 13M7.5 11.5L9.5 13M7.5 11.5V14", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.03591 5.5L10.9641 9.5M4.03591 5.5L1.73687 6.48206M4.03591 5.5L3.73687 3.01795M4.03591 5.5L1.87085 4.25M10.9641 9.5L11.2632 11.9821M10.9641 9.5L13.2632 8.51795M10.9641 9.5L13.1292 10.75", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.03591 9.5L10.9641 5.5M4.03591 9.5L3.73687 11.9821M4.03591 9.5L1.73687 8.51795M4.03591 9.5L1.87085 10.75M10.9641 5.5L13.2632 6.48206M10.9641 5.5L11.2632 3.01795M10.9641 5.5L13.1292 4.25", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-clock", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_816_59)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.50004 3.5V7.49998L9.5 9M14.1667 7.49998C14.1667 11.1819 11.1819 14.1666 7.50004 14.1666C3.81814 14.1666 0.833374 11.1819 0.833374 7.49998C0.833374 3.81808 3.81814 0.833313 7.50004 0.833313C11.1819 0.833313 14.1667 3.81808 14.1667 7.49998Z", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_816_59" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-plus", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_818_43)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.5 1V14M14 7.5H1", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_818_43" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-x", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_818_46)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.90381 2.90381L12.0962 12.0962M12.0962 2.90381L2.90381 12.0962", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_818_46" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-refresh", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.88202 7.29677C1.88202 10.3526 4.09799 12.4341 6.58531 12.8648C6.8574 12.9119 7.03978 13.1706 6.99267 13.4427C6.94556 13.7148 6.68679 13.8972 6.41469 13.8501C3.51183 13.3475 0.882019 10.901 0.882019 7.29677C0.882019 5.76703 1.57786 4.56419 2.39222 3.64784C2.98393 2.98203 3.66194 2.44327 4.20348 2.03202L2.53204 2.03202C2.2559 2.03202 2.03204 1.80816 2.03204 1.53202C2.03204 1.25588 2.2559 1.03202 2.53204 1.03202L5.53204 1.03202C5.80819 1.03202 6.03204 1.25588 6.03204 1.53202L6.03204 4.53202C6.03204 4.80816 5.80819 5.03202 5.53204 5.03202C5.2559 5.03202 5.03204 4.80816 5.03204 4.53202L5.03204 2.65991L5.0181 2.67042C4.44662 3.10141 3.74629 3.62957 3.1397 4.31213C2.4231 5.11847 1.88202 6.0946 1.88202 7.29677ZM13.032 7.70321C13.032 4.67966 10.863 2.61041 8.40774 2.14946C8.13634 2.09851 7.95763 1.83719 8.00858 1.56579C8.05953 1.29439 8.32085 1.11568 8.59225 1.16663C11.4578 1.7046 14.032 4.13754 14.032 7.70321C14.032 9.23294 13.3362 10.4358 12.5218 11.3521C11.9301 12.0179 11.2521 12.5567 10.7106 12.968L12.382 12.968C12.6582 12.968 12.882 13.1918 12.882 13.468C12.882 13.7441 12.6582 13.968 12.382 13.968L9.38204 13.968C9.1059 13.968 8.88204 13.7441 8.88204 13.468L8.88204 10.468C8.88204 10.1918 9.1059 9.96796 9.38204 9.96796C9.65818 9.96796 9.88204 10.1918 9.88204 10.468L9.88204 12.34L9.89594 12.3296L9.89596 12.3296L9.89598 12.3295C10.4675 11.8986 11.1678 11.3704 11.7744 10.6878C12.491 9.88151 13.032 8.90538 13.032 7.70321Z", fill: "currentColor" }) }))] }) })));
|
|
6
|
+
const IconSpritesheet = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", style: { display: 'none' } }, props, { children: (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-placeholder", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_9_41)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.75005 3.75001L11.25 11.25M11.25 3.75001L3.75005 11.25M14.1667 7.50001C14.1667 11.1819 11.1819 14.1667 7.50004 14.1667C3.81814 14.1667 0.833374 11.1819 0.833374 7.50001C0.833374 3.81811 3.81814 0.833344 7.50004 0.833344C11.1819 0.833344 14.1667 3.81811 14.1667 7.50001Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_9_41" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-dots", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.875 7.5C3.875 7.91421 3.53921 8.25 3.125 8.25C2.71079 8.25 2.375 7.91421 2.375 7.5C2.375 7.08579 2.71079 6.75 3.125 6.75C3.53921 6.75 3.875 7.08579 3.875 7.5ZM8.25 7.5C8.25 7.91421 7.91421 8.25 7.5 8.25C7.08579 8.25 6.75 7.91421 6.75 7.5C6.75 7.08579 7.08579 6.75 7.5 6.75C7.91421 6.75 8.25 7.08579 8.25 7.5ZM12.625 7.5C12.625 7.91421 12.2892 8.25 11.875 8.25C11.4608 8.25 11.125 7.91421 11.125 7.5C11.125 7.08579 11.4608 6.75 11.875 6.75C12.2892 6.75 12.625 7.08579 12.625 7.5Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-globe", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("mask", Object.assign({ id: "mask0_301_239", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "13", height: "13" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "6.5", fill: "#D9D9D9" }) })), (0, jsx_runtime_1.jsxs)("g", Object.assign({ mask: "url(#mask0_301_239)" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "6", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M14.5 7.5C14.5 8.15685 13.9097 8.90677 12.5919 9.52178C11.3146 10.1179 9.51485 10.5 7.5 10.5C5.48515 10.5 3.68543 10.1179 2.40814 9.52178C1.09025 8.90677 0.5 8.15685 0.5 7.5C0.5 6.84315 1.09025 6.09323 2.40814 5.47822C3.68543 4.88215 5.48515 4.5 7.5 4.5C9.51485 4.5 11.3146 4.88215 12.5919 5.47822C13.9097 6.09323 14.5 6.84315 14.5 7.5Z", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 7.5C10.5 9.22874 10.1216 10.769 9.53464 11.8591C8.93669 12.9696 8.19442 13.5 7.5 13.5C6.80558 13.5 6.06331 12.9696 5.46536 11.8591C4.87838 10.769 4.5 9.22874 4.5 7.5C4.5 5.77126 4.87838 4.23096 5.46536 3.14086C6.06331 2.03038 6.80558 1.5 7.5 1.5C8.19442 1.5 8.93669 2.03038 9.53464 3.14086C10.1216 4.23096 10.5 5.77126 10.5 7.5Z", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M1 7.5H14", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.5 1V14", stroke: "currentColor" })] }))] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-cart", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M14 2H12.9837C12.5644 2 12.1896 2.26159 12.045 2.65518L11.6923 3.61538M11.6923 3.61538L9.95496 8.34482C9.81038 8.73841 9.4356 9 9.01629 9H8.46154H6.84615H5.23077H4.45005C4.01239 9 3.62558 8.7154 3.49535 8.29757L2.40952 4.81388C2.20738 4.16533 2.69685 3.5083 3.37613 3.51638L11.6923 3.61538Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "4", cy: "12", r: "0.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("circle", { cx: "10", cy: "12", r: "0.5", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-fridge", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "3.5", y: "0.5", width: "8", height: "14", rx: "1.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.5 6H11.5", stroke: "currentColor", strokeLinecap: "square" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.5 8V9.75V11.5", stroke: "currentColor", strokeLinecap: "round" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-book", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "2.5", y: "1.5", width: "10", height: "12", rx: "0.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 1.5V13.5", stroke: "currentColor", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("rect", { x: "4.5", y: "4.5", width: "4", height: "2", rx: "0.5", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-flag", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M8.5 14.5L10.6429 4.99999M10.6429 4.99999L11.5 0.999986C11.5 0.999986 9 1.99999 7.5 0.999986C6 -1.35601e-05 3.5 0.999986 3.5 0.999986L3 4.99999C3 4.99999 5 3.49999 6.8258 4.60521C8.6516 5.71043 10.6429 4.99999 10.6429 4.99999Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-locate", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_401_232)" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "1.5", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M4 7.5H0.5M11 7.5H14.5M7.5 4V0.5M7.5 11V14.5", stroke: "currentColor", strokeLinecap: "round" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_401_232" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-tag", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M2 7V2H7L14 9L9 14L2 7Z", stroke: "currentColor", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "4.5", cy: "4.5", r: "1", fill: "currentColor" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-scan", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M12.5 4.5V14.5H2.5V0.5H8.5M12.5 4.5L8.5 0.5M12.5 4.5H8.5V0.5", stroke: "currentColor", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "7", cy: "8", r: "2.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 10L12.5 13.5", stroke: "currentColor", strokeLinecap: "round" })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-filter", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M13 2.5H2L6.5 9V13.5L8.5 12.5V9L13 2.5Z", stroke: "currentColor", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-upload", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M1.5 10V11.5C1.5 12.6046 2.39543 13.5 3.5 13.5H11.5C12.6046 13.5 13.5 12.6046 13.5 11.5V10M7.5 10.5V1M7.5 1L4 4M7.5 1L11 4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-add_note", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_604_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9.5 0.5H0.5V14.5H14.5V5.5M9.5 0.5L14.5 5.5M9.5 0.5V5.5H14.5M7.5 3.5V11.5M3.5 7.5H11.5", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_604_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-drag_vertical", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M1 7.5H7.5M14 7.5H7.5M7.5 7.5V1.5M7.5 7.5V13.5M7.5 1.5L5.5 3.5M7.5 1.5L9.5 3.5M7.5 13.5L5.5 11.5M7.5 13.5L9.5 11.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-note", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_610_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9.5 0.5H0.5V14.5H14.5V5.5M9.5 0.5L14.5 5.5M9.5 0.5V5.5H14.5", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_610_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-food", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_611_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.49992 0.5V2M7.49992 4.5V2M7.49992 4.5C3.5 3 2 4 1.49994 6.5C0.999871 9 2.99993 13.5 4.49994 14C5.99994 14.5 6.99992 13.5 7.49992 13.5C7.99992 13.5 9.49992 14.5 10.4999 14C11.4999 13.5 13.9999 9 13.4999 6.5C13 4 11.6173 3.03149 7.49992 4.5ZM7.49992 2C7.49992 2 9.49992 0.499977 10.4999 0.5C11.0522 0.500013 11.6746 0.976057 11.4999 1.5C11.3618 1.91421 11.4999 2 10.4999 2C9.32835 2 7.49992 2 7.49992 2Z", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_611_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-magic", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_613_45)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.5 11V14M6 12.5H9M5.5 1.5C4.5 3.5 3.5 4.5 1.5 5.5C3.5 6.5 4.5 7.5 5.5 9.5C6.5 7.5 7.5 6.5 9.5 5.5C7.5 4.5 6.5 3.5 5.5 1.5ZM11.5 6.5C11 7.5 10.5 8 9.5 8.5C10.5 9 11 9.5 11.5 10.5C12 9.5 12.5 9 13.5 8.5C12.5 8 12 7.5 11.5 6.5Z", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_613_45" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-convert", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.5 7V9.5C2.5 12 5 11.5 7.5 11.5M7.5 11.5L5.5 9.5M7.5 11.5L5.5 13.5M12.5 8L12.5 5.5C12.5 3 10 3.5 7.5 3.5M7.5 3.5L9.5 5.5M7.5 3.5L9.5 1.5M13.5 9.5H9.5V13.5H13.5V9.5ZM5.5 3.5C5.5 2.39543 4.60457 1.5 3.5 1.5C2.39543 1.5 1.5 2.39543 1.5 3.5C1.5 4.60457 2.39543 5.5 3.5 5.5C4.60457 5.5 5.5 4.60457 5.5 3.5Z", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-offline", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsxs)("g", Object.assign({ clipPath: "url(#clip0_701_39)" }, { children: [(0, jsx_runtime_1.jsx)("mask", Object.assign({ id: "mask0_701_39", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "15", height: "15" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "7.5", r: "7", fill: "#D9D9D9" }) })), (0, jsx_runtime_1.jsx)("g", Object.assign({ mask: "url(#mask0_701_39)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M14 7.5C14 11.0899 11.0899 14 7.5 14M14 7.5C14 3.91015 11.0899 1 7.5 1M14 7.5H1M7.5 14C3.91015 14 1 11.0899 1 7.5M7.5 14C9.433 14 11 11.0899 11 7.5C11 3.91015 9.433 1 7.5 1M7.5 14C5.567 14 4 11.0899 4 7.5C4 3.91015 5.567 1 7.5 1M7.5 14V1M1 7.5C1 3.91015 3.91015 1 7.5 1M15 7.5C15 9.433 11.6421 11 7.5 11C3.35786 11 0 9.433 0 7.5C0 5.567 3.35786 4 7.5 4C11.6421 4 15 5.567 15 7.5Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("circle", { cx: "10.5", cy: "10.5", r: "4", fill: "#FD7E4D" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 13L13 8M8 8L13 13", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_701_39" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-profile", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "7.5", cy: "3.5", r: "3", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M1.5 15C1.5 6.99998 13.5 7 13.5 15", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-add_person", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "6", cy: "5", r: "2.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M1 15C1 8.33331 11 8.33333 11 15", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M10 7.5H15M12.5 5V10", stroke: "currentColor" })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-gift", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.5 6.5H1.5V4.5L7.5 4.40638M2.5 6.5V13.5H7.5M2.5 6.5H12.5M12.5 6.5H13.5V4.40638H7.5M12.5 6.5V13.5H7.5M7.5 13.5V4.40638M7.5 4.40638C0.533333 2.35059 7.13333 -2.10357 7.5 4.40638ZM7.5 4.40638C7.86667 -2.10357 14.4667 2.3506 7.5 4.40638Z", stroke: "currentColor" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-add_to_list", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2.5V5M12 7.5V5M9.5 5H12M14.5 5H12M1.5 7.5H7.5M1.5 4.5L7.5 4.49998M1.5 10.5H13.5", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-check", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M1.5 7.5L5.5 11.5L12.5 3.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-snowflake", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M7.5 3.5V11.5M7.5 3.5L5.5 2M7.5 3.5L9.5 2M7.5 3.5V1M7.5 11.5L5.5 13M7.5 11.5L9.5 13M7.5 11.5V14", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.03591 5.5L10.9641 9.5M4.03591 5.5L1.73687 6.48206M4.03591 5.5L3.73687 3.01795M4.03591 5.5L1.87085 4.25M10.9641 9.5L11.2632 11.9821M10.9641 9.5L13.2632 8.51795M10.9641 9.5L13.1292 10.75", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.03591 9.5L10.9641 5.5M4.03591 9.5L3.73687 11.9821M4.03591 9.5L1.73687 8.51795M4.03591 9.5L1.87085 10.75M10.9641 5.5L13.2632 6.48206M10.9641 5.5L11.2632 3.01795M10.9641 5.5L13.1292 4.25", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-clock", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_816_59)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.50004 3.50003V7.50001L9.5 9.00003M14.1667 7.50001C14.1667 11.1819 11.1819 14.1667 7.50004 14.1667C3.81814 14.1667 0.833374 11.1819 0.833374 7.50001C0.833374 3.81811 3.81814 0.833344 7.50004 0.833344C11.1819 0.833344 14.1667 3.81811 14.1667 7.50001Z", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_816_59" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-plus", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_818_43)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7.5 1V14M14 7.5H1", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_818_43" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-x", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_818_46)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.90381 2.90381L12.0962 12.0962M12.0962 2.90381L2.90381 12.0962", stroke: "currentColor", strokeLinecap: "round" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_818_46" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-refresh", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.88202 7.29677C1.88202 10.3526 4.09799 12.4341 6.58531 12.8648C6.8574 12.9119 7.03978 13.1706 6.99267 13.4427C6.94556 13.7148 6.68679 13.8972 6.41469 13.8501C3.51183 13.3475 0.882019 10.901 0.882019 7.29677C0.882019 5.76703 1.57786 4.56419 2.39222 3.64784C2.98393 2.98203 3.66194 2.44327 4.20348 2.03202L2.53204 2.03202C2.2559 2.03202 2.03204 1.80816 2.03204 1.53202C2.03204 1.25588 2.2559 1.03202 2.53204 1.03202L5.53204 1.03202C5.80819 1.03202 6.03204 1.25588 6.03204 1.53202L6.03204 4.53202C6.03204 4.80816 5.80819 5.03202 5.53204 5.03202C5.2559 5.03202 5.03204 4.80816 5.03204 4.53202L5.03204 2.65991L5.0181 2.67042C4.44662 3.10141 3.74629 3.62957 3.1397 4.31213C2.4231 5.11847 1.88202 6.0946 1.88202 7.29677ZM13.032 7.70321C13.032 4.67966 10.863 2.61041 8.40774 2.14946C8.13634 2.09851 7.95763 1.83719 8.00858 1.56579C8.05953 1.29439 8.32085 1.11568 8.59225 1.16663C11.4578 1.7046 14.032 4.13754 14.032 7.70321C14.032 9.23294 13.3362 10.4358 12.5218 11.3521C11.9301 12.0179 11.2521 12.5567 10.7106 12.968L12.382 12.968C12.6582 12.968 12.882 13.1918 12.882 13.468C12.882 13.7441 12.6582 13.968 12.382 13.968L9.38204 13.968C9.1059 13.968 8.88204 13.7441 8.88204 13.468L8.88204 10.468C8.88204 10.1918 9.1059 9.96796 9.38204 9.96796C9.65818 9.96796 9.88204 10.1918 9.88204 10.468L9.88204 12.34L9.89594 12.3296L9.89596 12.3296L9.89598 12.3295C10.4675 11.8986 11.1678 11.3704 11.7744 10.6878C12.491 9.88151 13.032 8.90538 13.032 7.70321Z", fill: "currentColor" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-new_window", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 13C12.5523 13 13 12.5523 13 12V3C13 2.44771 12.5523 2 12 2H3C2.44771 2 2 2.44771 2 3V6.5C2 6.77614 2.22386 7 2.5 7C2.77614 7 3 6.77614 3 6.5V3H12V12H8.5C8.22386 12 8 12.2239 8 12.5C8 12.7761 8.22386 13 8.5 13H12ZM9 6.5C9 6.5001 9 6.50021 9 6.50031V6.50035V9.5C9 9.77614 8.77614 10 8.5 10C8.22386 10 8 9.77614 8 9.5V7.70711L2.85355 12.8536C2.65829 13.0488 2.34171 13.0488 2.14645 12.8536C1.95118 12.6583 1.95118 12.3417 2.14645 12.1464L7.29289 7H5.5C5.22386 7 5 6.77614 5 6.5C5 6.22386 5.22386 6 5.5 6H8.5C8.56779 6 8.63244 6.01349 8.69139 6.03794C8.74949 6.06198 8.80398 6.09744 8.85143 6.14433C8.94251 6.23434 8.9992 6.35909 8.99999 6.49708L8.99999 6.49738", fill: "currentColor" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-warning", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z", fill: "currentColor" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-upload", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.81825 1.18188C7.64251 1.00615 7.35759 1.00615 7.18185 1.18188L4.18185 4.18188C4.00611 4.35762 4.00611 4.64254 4.18185 4.81828C4.35759 4.99401 4.64251 4.99401 4.81825 4.81828L7.05005 2.58648V9.49996C7.05005 9.74849 7.25152 9.94996 7.50005 9.94996C7.74858 9.94996 7.95005 9.74849 7.95005 9.49996V2.58648L10.1819 4.81828C10.3576 4.99401 10.6425 4.99401 10.8182 4.81828C10.994 4.64254 10.994 4.35762 10.8182 4.18188L7.81825 1.18188ZM2.5 9.99997C2.77614 9.99997 3 10.2238 3 10.5V12C3 12.5538 3.44565 13 3.99635 13H11.0012C11.5529 13 12 12.5528 12 12V10.5C12 10.2238 12.2239 9.99997 12.5 9.99997C12.7761 9.99997 13 10.2238 13 10.5V12C13 13.104 12.1062 14 11.0012 14H3.99635C2.89019 14 2 13.103 2 12V10.5C2 10.2238 2.22386 9.99997 2.5 9.99997Z", fill: "currentColor" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-undo", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.85355 2.14645C5.04882 2.34171 5.04882 2.65829 4.85355 2.85355L3.70711 4H9C11.4853 4 13.5 6.01472 13.5 8.5C13.5 10.9853 11.4853 13 9 13H5C4.72386 13 4.5 12.7761 4.5 12.5C4.5 12.2239 4.72386 12 5 12H9C10.933 12 12.5 10.433 12.5 8.5C12.5 6.567 10.933 5 9 5H3.70711L4.85355 6.14645C5.04882 6.34171 5.04882 6.65829 4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355L2.14645 4.85355C1.95118 4.65829 1.95118 4.34171 2.14645 4.14645L4.14645 2.14645C4.34171 1.95118 4.65829 1.95118 4.85355 2.14645Z", fill: "currentColor" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-grabby", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 4.625C6.12132 4.625 6.625 4.12132 6.625 3.5C6.625 2.87868 6.12132 2.375 5.5 2.375C4.87868 2.375 4.375 2.87868 4.375 3.5C4.375 4.12132 4.87868 4.625 5.5 4.625ZM9.5 4.625C10.1213 4.625 10.625 4.12132 10.625 3.5C10.625 2.87868 10.1213 2.375 9.5 2.375C8.87868 2.375 8.375 2.87868 8.375 3.5C8.375 4.12132 8.87868 4.625 9.5 4.625ZM10.625 7.5C10.625 8.12132 10.1213 8.625 9.5 8.625C8.87868 8.625 8.375 8.12132 8.375 7.5C8.375 6.87868 8.87868 6.375 9.5 6.375C10.1213 6.375 10.625 6.87868 10.625 7.5ZM5.5 8.625C6.12132 8.625 6.625 8.12132 6.625 7.5C6.625 6.87868 6.12132 6.375 5.5 6.375C4.87868 6.375 4.375 6.87868 4.375 7.5C4.375 8.12132 4.87868 8.625 5.5 8.625ZM10.625 11.5C10.625 12.1213 10.1213 12.625 9.5 12.625C8.87868 12.625 8.375 12.1213 8.375 11.5C8.375 10.8787 8.87868 10.375 9.5 10.375C10.1213 10.375 10.625 10.8787 10.625 11.5ZM5.5 12.625C6.12132 12.625 6.625 12.1213 6.625 11.5C6.625 10.8787 6.12132 10.375 5.5 10.375C4.87868 10.375 4.375 10.8787 4.375 11.5C4.375 12.1213 4.87868 12.625 5.5 12.625Z", fill: "currentColor" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-copy", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 9.50003C1 10.3285 1.67157 11 2.5 11H4L4 10H2.5C2.22386 10 2 9.77617 2 9.50003L2 2.50003C2 2.22389 2.22386 2.00003 2.5 2.00003L9.5 2.00003C9.77614 2.00003 10 2.22389 10 2.50003V3.99999H5.5C4.67158 3.99999 4 4.67156 4 5.49999V12.5C4 13.3284 4.67158 14 5.5 14H12.5C13.3284 14 14 13.3284 14 12.5V5.49999C14 4.67156 13.3284 3.99999 12.5 3.99999H11V2.50003C11 1.6716 10.3284 1.00003 9.5 1.00003H2.5C1.67157 1.00003 1 1.6716 1 2.50003V9.50003ZM5 5.49999C5 5.22385 5.22386 4.99999 5.5 4.99999H12.5C12.7761 4.99999 13 5.22385 13 5.49999V12.5C13 12.7761 12.7761 13 12.5 13H5.5C5.22386 13 5 12.7761 5 12.5V5.49999Z", fill: "currentColor" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-maximize", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 2H4.87935H4.87934C4.47686 1.99999 4.14468 1.99999 3.87409 2.0221C3.59304 2.04506 3.33469 2.09434 3.09202 2.21799C2.7157 2.40973 2.40973 2.7157 2.21799 3.09202C2.09434 3.33469 2.04506 3.59304 2.0221 3.87409C1.99999 4.14468 1.99999 4.47685 2 4.87932V4.87935V5.5C2 5.77614 2.22386 6 2.5 6C2.77614 6 3 5.77614 3 5.5V4.9C3 4.47171 3.00039 4.18056 3.01878 3.95552C3.03669 3.73631 3.06915 3.62421 3.10899 3.54601C3.20487 3.35785 3.35785 3.20487 3.54601 3.10899C3.62421 3.06915 3.73631 3.03669 3.95552 3.01878C4.18056 3.00039 4.47171 3 4.9 3H5.5C5.77614 3 6 2.77614 6 2.5C6 2.22386 5.77614 2 5.5 2ZM13 9.5C13 9.22386 12.7761 9 12.5 9C12.2239 9 12 9.22386 12 9.5V10.1C12 10.5283 11.9996 10.8194 11.9812 11.0445C11.9633 11.2637 11.9309 11.3758 11.891 11.454C11.7951 11.6422 11.6422 11.7951 11.454 11.891C11.3758 11.9309 11.2637 11.9633 11.0445 11.9812C10.8194 11.9996 10.5283 12 10.1 12H9.5C9.22386 12 9 12.2239 9 12.5C9 12.7761 9.22386 13 9.5 13H10.1206H10.1207C10.5232 13 10.8553 13 11.1259 12.9779C11.407 12.9549 11.6653 12.9057 11.908 12.782C12.2843 12.5903 12.5903 12.2843 12.782 11.908C12.9057 11.6653 12.9549 11.407 12.9779 11.1259C13 10.8553 13 10.5232 13 10.1207V10.1207V10.1207V10.1206V9.5ZM2.5 9C2.77614 9 3 9.22386 3 9.5V10.1C3 10.5283 3.00039 10.8194 3.01878 11.0445C3.03669 11.2637 3.06915 11.3758 3.10899 11.454C3.20487 11.6422 3.35785 11.7951 3.54601 11.891C3.62421 11.9309 3.73631 11.9633 3.95552 11.9812C4.18056 11.9996 4.47171 12 4.9 12H5.5C5.77614 12 6 12.2239 6 12.5C6 12.7761 5.77614 13 5.5 13H4.87935H4.8793C4.47684 13 4.14467 13 3.87409 12.9779C3.59304 12.9549 3.33469 12.9057 3.09202 12.782C2.7157 12.5903 2.40973 12.2843 2.21799 11.908C2.09434 11.6653 2.04506 11.407 2.0221 11.1259C1.99999 10.8553 1.99999 10.5231 2 10.1207V10.1206V10.1V9.5C2 9.22386 2.22386 9 2.5 9ZM10.1 3C10.5283 3 10.8194 3.00039 11.0445 3.01878C11.2637 3.03669 11.3758 3.06915 11.454 3.10899C11.6422 3.20487 11.7951 3.35785 11.891 3.54601C11.9309 3.62421 11.9633 3.73631 11.9812 3.95552C11.9996 4.18056 12 4.47171 12 4.9V5.5C12 5.77614 12.2239 6 12.5 6C12.7761 6 13 5.77614 13 5.5V4.87935V4.87934C13 4.47686 13 4.14468 12.9779 3.87409C12.9549 3.59304 12.9057 3.33469 12.782 3.09202C12.5903 2.7157 12.2843 2.40973 11.908 2.21799C11.6653 2.09434 11.407 2.04506 11.1259 2.0221C10.8553 1.99999 10.5231 1.99999 10.1207 2H10.1206H10.1H9.5C9.22386 2 9 2.22386 9 2.5C9 2.77614 9.22386 3 9.5 3H10.1Z", fill: "currentColor" }) })), (0, jsx_runtime_1.jsxs)("symbol", Object.assign({ id: "icon-email", viewBox: "0 0 15 15" }, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_824_180)" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 2C0.447715 2 0 2.44772 0 3V12C0 12.5523 0.447715 13 1 13H14C14.5523 13 15 12.5523 15 12V3C15 2.44772 14.5523 2 14 2H1ZM1 3L14 3V3.92494C13.9174 3.92486 13.8338 3.94751 13.7589 3.99505L7.5 7.96703L1.24112 3.99505C1.16621 3.94751 1.0826 3.92486 1 3.92494V3ZM1 4.90797V12H14V4.90797L7.74112 8.87995C7.59394 8.97335 7.40606 8.97335 7.25888 8.87995L1 4.90797Z", fill: "currentColor" }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_824_180" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "15", height: "15", fill: "white" }) })) })] })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-link", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.62502 4.00001L4.56433 4.00001C4.04165 3.99993 3.70718 3.99988 3.41851 4.055C2.2382 4.28039 1.29877 5.17053 1.05845 6.33035C0.999843 6.61321 0.999909 6.93998 1.00001 7.43689L1.00002 7.50001L1.00001 7.56313C0.999909 8.06004 0.999843 8.38681 1.05845 8.66967C1.29877 9.8295 2.2382 10.7196 3.41851 10.945C3.70718 11.0001 4.04165 11.0001 4.56433 11L4.62502 11H5.50002C5.77616 11 6.00002 10.7762 6.00002 10.5C6.00002 10.2239 5.77616 10 5.50002 10H4.62502C4.02114 10 3.78938 9.99777 3.60607 9.96277C2.80293 9.8094 2.19187 9.21108 2.03765 8.46678C2.00264 8.29778 2.00002 8.08251 2.00002 7.50001C2.00002 6.91752 2.00264 6.70225 2.03765 6.53324C2.19187 5.78895 2.80293 5.19062 3.60607 5.03725C3.78938 5.00225 4.02114 5.00001 4.62502 5.00001H5.50002C5.77616 5.00001 6.00002 4.77615 6.00002 4.50001C6.00002 4.22387 5.77616 4.00001 5.50002 4.00001H4.62502ZM10.375 5.00001C10.9789 5.00001 11.2107 5.00225 11.394 5.03725C12.1971 5.19062 12.8082 5.78895 12.9624 6.53324C12.9974 6.70225 13 6.91752 13 7.50001C13 8.08251 12.9974 8.29778 12.9624 8.46678C12.8082 9.21108 12.1971 9.8094 11.394 9.96277C11.2107 9.99777 10.9789 10 10.375 10H9.50002C9.22387 10 9.00002 10.2239 9.00002 10.5C9.00002 10.7762 9.22387 11 9.50002 11H10.375L10.4357 11C10.9584 11.0001 11.2929 11.0001 11.5815 10.945C12.7618 10.7196 13.7013 9.8295 13.9416 8.66967C14.0002 8.38681 14.0001 8.06005 14 7.56314L14 7.50001L14 7.43688C14.0001 6.93998 14.0002 6.61321 13.9416 6.33035C13.7013 5.17053 12.7618 4.28039 11.5815 4.055C11.2929 3.99988 10.9584 3.99993 10.4357 4.00001L10.375 4.00001H9.50002C9.22387 4.00001 9.00002 4.22387 9.00002 4.50001C9.00002 4.77615 9.22387 5.00001 9.50002 5.00001H10.375ZM5.00068 7C4.72454 7 4.50068 7.22386 4.50068 7.5C4.50068 7.77614 4.72454 8 5.00068 8H10.0007C10.2768 8 10.5007 7.77614 10.5007 7.5C10.5007 7.22386 10.2768 7 10.0007 7H5.00068Z", fill: "currentColor" }) })), (0, jsx_runtime_1.jsx)("symbol", Object.assign({ id: "icon-camera", viewBox: "0 0 15 15" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 3C1.44772 3 1 3.44772 1 4V11C1 11.5523 1.44772 12 2 12H13C13.5523 12 14 11.5523 14 11V4C14 3.44772 13.5523 3 13 3H2ZM0 4C0 2.89543 0.895431 2 2 2H13C14.1046 2 15 2.89543 15 4V11C15 12.1046 14.1046 13 13 13H2C0.895431 13 0 12.1046 0 11V4ZM2 4.25C2 4.11193 2.11193 4 2.25 4H4.75C4.88807 4 5 4.11193 5 4.25V5.75454C5 5.89261 4.88807 6.00454 4.75 6.00454H2.25C2.11193 6.00454 2 5.89261 2 5.75454V4.25ZM12.101 7.58421C12.101 9.02073 10.9365 10.1853 9.49998 10.1853C8.06346 10.1853 6.89893 9.02073 6.89893 7.58421C6.89893 6.14769 8.06346 4.98315 9.49998 4.98315C10.9365 4.98315 12.101 6.14769 12.101 7.58421ZM13.101 7.58421C13.101 9.57302 11.4888 11.1853 9.49998 11.1853C7.51117 11.1853 5.89893 9.57302 5.89893 7.58421C5.89893 5.5954 7.51117 3.98315 9.49998 3.98315C11.4888 3.98315 13.101 5.5954 13.101 7.58421Z", fill: "currentColor" }) }))] }) })));
|
|
7
7
|
exports.IconSpritesheet = IconSpritesheet;
|
|
8
8
|
//# sourceMappingURL=IconSpritesheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconSpritesheet.js","sourceRoot":"","sources":["../../../../../src/components/icon/generated/IconSpritesheet.tsx"],"names":[],"mappings":";;;;AAAA,uEAAuE;AAChE,MAAM,eAAe,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAC9C,8CACC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IACtB,KAAK,cAET,6CACC,kDAAQ,EAAE,EAAC,kBAAkB,EAAC,OAAO,EAAC,WAAW,iBAChD,4CAAG,QAAQ,EAAC,kBAAkB,gBAC7B,iCACC,CAAC,EAAC,
|
|
1
|
+
{"version":3,"file":"IconSpritesheet.js","sourceRoot":"","sources":["../../../../../src/components/icon/generated/IconSpritesheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const iconNames: readonly ["placeholder", "dots", "globe", "cart", "fridge", "book", "flag", "locate", "tag", "scan", "filter", "upload", "add_note", "drag_vertical", "note", "food", "magic", "convert", "offline", "profile", "add_person", "gift", "add_to_list", "check", "snowflake", "clock", "plus", "x", "refresh"];
|
|
1
|
+
export declare const iconNames: readonly ["placeholder", "dots", "globe", "cart", "fridge", "book", "flag", "locate", "tag", "scan", "filter", "upload", "add_note", "drag_vertical", "note", "food", "magic", "convert", "offline", "profile", "add_person", "gift", "add_to_list", "check", "snowflake", "clock", "plus", "x", "refresh", "new_window", "warning", "upload", "undo", "grabby", "copy", "maximize", "email", "link", "camera"];
|
|
2
2
|
export type IconName = (typeof iconNames)[number];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"iconNames.js","sourceRoot":"","sources":["../../../../../src/components/icon/generated/iconNames.ts"],"names":[],"mappings":";;;AAAA,uEAAuE;AAC1D,QAAA,SAAS,GAAG;IACxB,aAAa;IACb,MAAM;IACN,OAAO;IACP,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,QAAQ;IACR,KAAK;IACL,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,eAAe;IACf,MAAM;IACN,MAAM;IACN,OAAO;IACP,SAAS;IACT,SAAS;IACT,SAAS;IACT,YAAY;IACZ,MAAM;IACN,aAAa;IACb,OAAO;IACP,WAAW;IACX,OAAO;IACP,MAAM;IACN,GAAG;IACH,SAAS;
|
|
1
|
+
{"version":3,"file":"iconNames.js","sourceRoot":"","sources":["../../../../../src/components/icon/generated/iconNames.ts"],"names":[],"mappings":";;;AAAA,uEAAuE;AAC1D,QAAA,SAAS,GAAG;IACxB,aAAa;IACb,MAAM;IACN,OAAO;IACP,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,QAAQ;IACR,KAAK;IACL,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,eAAe;IACf,MAAM;IACN,MAAM;IACN,OAAO;IACP,SAAS;IACT,SAAS;IACT,SAAS;IACT,YAAY;IACZ,MAAM;IACN,aAAa;IACb,OAAO;IACP,WAAW;IACX,OAAO;IACP,MAAM;IACN,GAAG;IACH,SAAS;IACT,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,MAAM;IACN,UAAU;IACV,OAAO;IACP,MAAM;IACN,QAAQ;CACC,CAAC"}
|
|
@@ -19,7 +19,9 @@ exports.ImageUploader = void 0;
|
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const classnames_1 = __importDefault(require("classnames"));
|
|
21
21
|
const react_1 = require("react");
|
|
22
|
-
const
|
|
22
|
+
const icon_js_1 = require("../icon.js");
|
|
23
|
+
const button_js_1 = require("../button.js");
|
|
24
|
+
const camera_js_1 = require("../camera.js");
|
|
23
25
|
/**
|
|
24
26
|
* Renders an image if one is already set, and allows either clicking
|
|
25
27
|
* on the image to select a new one, or dragging a new image onto the
|
|
@@ -27,6 +29,7 @@ const UploadIcon_js_1 = require("./UploadIcon.js");
|
|
|
27
29
|
*/
|
|
28
30
|
function ImageUploader(_a) {
|
|
29
31
|
var { value, onChange: handleChange, maxDimension } = _a, rest = __rest(_a, ["value", "onChange", "maxDimension"]);
|
|
32
|
+
const inputId = (0, react_1.useId)();
|
|
30
33
|
const [dragging, setDragging] = (0, react_1.useState)(false);
|
|
31
34
|
const [draggingOver, setDraggingOver] = (0, react_1.useState)(false);
|
|
32
35
|
const onDragEnter = (0, react_1.useCallback)((e) => {
|
|
@@ -87,7 +90,30 @@ function ImageUploader(_a) {
|
|
|
87
90
|
const onFileClick = (0, react_1.useCallback)((e) => {
|
|
88
91
|
e.stopPropagation();
|
|
89
92
|
}, []);
|
|
90
|
-
|
|
93
|
+
const [cameraOpen, setCameraOpen] = (0, react_1.useState)(false);
|
|
94
|
+
const openCamera = () => setCameraOpen(true);
|
|
95
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('relative overflow-hidden', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: [value ? ((0, jsx_runtime_1.jsx)("img", { src: value, className: "w-full h-full object-cover object-center" })) : null, !value && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('absolute inset-0 flex flex-col items-center justify-center gap-3 bg-[rgba(0,0,0,0.05)]', {
|
|
96
|
+
'!bg-[rgba(0,0,0,0.1)]': draggingOver,
|
|
97
|
+
}) }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "absolute inset--99999 op-0", id: inputId }), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "ghost", asChild: true }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ htmlFor: inputId }, { children: [(0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "upload" }), (0, jsx_runtime_1.jsx)("span", { children: dragging ? 'Drop' : 'Upload' })] })) })), (0, jsx_runtime_1.jsxs)(button_js_1.Button, Object.assign({ color: "ghost", onClick: openCamera }, { children: [(0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "camera" }), (0, jsx_runtime_1.jsx)("span", { children: "Camera" })] }))] }))), !value && cameraOpen && ((0, jsx_runtime_1.jsxs)(camera_js_1.CameraRoot, Object.assign({ className: "absolute w-full h-full z-1", format: "image/png", onCapture: (dataUrl) => {
|
|
98
|
+
onChange(dataURItoBlob(dataUrl));
|
|
99
|
+
setCameraOpen(false);
|
|
100
|
+
} }, { children: [(0, jsx_runtime_1.jsx)(camera_js_1.CameraShutterButton, {}), (0, jsx_runtime_1.jsx)(camera_js_1.CameraDeviceSelector, {}), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ onClick: () => setCameraOpen(false), color: "ghost", size: "icon", className: "text-white absolute top-2 right-2" }, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "x" }) }))] }))), value && ((0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "ghost", size: "icon", className: "absolute top-2 right-2 w-32px h-32px border-none p-2 cursor-pointer bg-white color-black rounded-full transition-colors shadow-sm", onClick: () => onChange(null) }, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "x" }) })))] })));
|
|
91
101
|
}
|
|
92
102
|
exports.ImageUploader = ImageUploader;
|
|
103
|
+
function dataURItoBlob(dataURI) {
|
|
104
|
+
// convert base64/URLEncoded data component to raw binary data held in a string
|
|
105
|
+
var byteString;
|
|
106
|
+
if (dataURI.split(',')[0].indexOf('base64') >= 0)
|
|
107
|
+
byteString = atob(dataURI.split(',')[1]);
|
|
108
|
+
else
|
|
109
|
+
byteString = unescape(dataURI.split(',')[1]);
|
|
110
|
+
// separate out the mime component
|
|
111
|
+
var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
|
|
112
|
+
// write the bytes of the string to a typed array
|
|
113
|
+
var ia = new Uint8Array(byteString.length);
|
|
114
|
+
for (var i = 0; i < byteString.length; i++) {
|
|
115
|
+
ia[i] = byteString.charCodeAt(i);
|
|
116
|
+
}
|
|
117
|
+
return new File([ia], 'image.png', { type: mimeString });
|
|
118
|
+
}
|
|
93
119
|
//# sourceMappingURL=ImageUploader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,4DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { ImageUploader } from './ImageUploader.js';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof ImageUploader;
|
|
6
|
+
argTypes: {
|
|
7
|
+
onChange: {
|
|
8
|
+
action: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
parameters: {
|
|
12
|
+
controls: {
|
|
13
|
+
expanded: boolean;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
args: {
|
|
17
|
+
className: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<typeof ImageUploader>;
|
|
22
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Default = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const ImageUploader_js_1 = require("./ImageUploader.js");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const meta = {
|
|
8
|
+
title: 'ImageUploader',
|
|
9
|
+
component: ImageUploader_js_1.ImageUploader,
|
|
10
|
+
argTypes: {
|
|
11
|
+
onChange: { action: 'change' },
|
|
12
|
+
},
|
|
13
|
+
parameters: {
|
|
14
|
+
controls: { expanded: true },
|
|
15
|
+
},
|
|
16
|
+
args: {
|
|
17
|
+
className: 'w-64 h-64',
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
exports.default = meta;
|
|
21
|
+
exports.Default = {
|
|
22
|
+
render: () => (0, jsx_runtime_1.jsx)(ImageUploaderDemo, {}),
|
|
23
|
+
};
|
|
24
|
+
function ImageUploaderDemo() {
|
|
25
|
+
const [value, setValue] = (0, react_1.useState)(null);
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(ImageUploader_js_1.ImageUploader, { onChange: (file) => file ? setValue(URL.createObjectURL(file)) : setValue(null), value: value, className: "w-64 h-64" }));
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=ImageUploader.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageUploader.stories.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.stories.tsx"],"names":[],"mappings":";;;;AACA,yDAAmD;AACnD,iCAAiC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,gCAAa;IACxB,QAAQ,EAAE;QACT,QAAQ,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;KAC9B;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,SAAS,EAAE,WAAW;KACtB;CACoC,CAAC;AAEvC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,iBAAiB,KAAG;CACnC,CAAC;AAEF,SAAS,iBAAiB;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAExD,OAAO,CACN,uBAAC,gCAAa,IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAE5D,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,WAAW,GACpB,CACF,CAAC;AACH,CAAC"}
|
|
@@ -18,6 +18,11 @@ import { Slot } from '@radix-ui/react-slot';
|
|
|
18
18
|
export const Button = forwardRef(function Button(_a, ref) {
|
|
19
19
|
var { className, color, size, toggled, align, visuallyDisabled, loading, children, disabled, asChild } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "align", "visuallyDisabled", "loading", "children", "disabled", "asChild"]);
|
|
20
20
|
const Comp = asChild ? Slot : 'button';
|
|
21
|
-
|
|
21
|
+
const buttonProps = Object.assign(Object.assign({ ref: ref }, props), { disabled: disabled || loading, 'data-disabled': visuallyDisabled, tabIndex: visuallyDisabled ? -1 : undefined, className: classNames(getButtonClassName({ color, size, toggled, align }), className) });
|
|
22
|
+
if (asChild) {
|
|
23
|
+
// avoid rendering loading spinner with asChild
|
|
24
|
+
return _jsx(Comp, Object.assign({}, buttonProps, { children: children }));
|
|
25
|
+
}
|
|
26
|
+
return (_jsxs(Comp, Object.assign({}, buttonProps, { children: [loading && _jsx(Spinner, { size: 16, className: "inline-block w-1em h-1em" }), children] })));
|
|
22
27
|
});
|
|
23
28
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAwB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAmB5C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC/B,SAAS,MAAM,CACd,EAYC,EACD,GAAG;QAbH,EACC,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,OAEP,EADG,KAAK,cAXT,oHAYC,CADQ;IAIT,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAwB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAmB5C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC/B,SAAS,MAAM,CACd,EAYC,EACD,GAAG;QAbH,EACC,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,OAEP,EADG,KAAK,cAXT,oHAYC,CADQ;IAIT,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,MAAM,WAAW,iCAChB,GAAG,EAAE,GAAG,IACL,KAAK,KACR,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,eAAe,EAAE,gBAAgB,EACjC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAE,UAAU,CACpB,kBAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EACnD,SAAS,CACT,GACD,CAAC;IAEF,IAAI,OAAO,EAAE;QACZ,+CAA+C;QAC/C,OAAO,KAAC,IAAI,oBAAK,WAAW,cAAG,QAAQ,IAAQ,CAAC;KAChD;IAED,OAAO,CACN,MAAC,IAAI,oBAAK,WAAW,eACnB,OAAO,IAAI,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B,GAAG,EACrE,QAAQ,KACH,CACP,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -3,6 +3,7 @@ export interface CameraRootProps {
|
|
|
3
3
|
className?: string;
|
|
4
4
|
onCapture?: (data: string) => void;
|
|
5
5
|
children?: ReactNode;
|
|
6
|
+
format?: 'image/png' | 'image/jpeg';
|
|
6
7
|
}
|
|
7
8
|
export declare const CameraRoot: import("react").ForwardRefExoticComponent<CameraRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
9
|
export interface CameraShutterButtonProps {
|
|
@@ -24,7 +24,7 @@ const CameraContext = createContext({
|
|
|
24
24
|
devices: [],
|
|
25
25
|
});
|
|
26
26
|
export const CameraRoot = forwardRef(function Camera(_a, ref) {
|
|
27
|
-
var { className, onCapture, children } = _a, rest = __rest(_a, ["className", "onCapture", "children"]);
|
|
27
|
+
var { className, onCapture, children, format = 'image/png' } = _a, rest = __rest(_a, ["className", "onCapture", "children", "format"]);
|
|
28
28
|
const videoRef = useRef(null);
|
|
29
29
|
const triggerCapture = () => {
|
|
30
30
|
var _a;
|
|
@@ -34,7 +34,7 @@ export const CameraRoot = forwardRef(function Camera(_a, ref) {
|
|
|
34
34
|
canvas.width = video.videoWidth;
|
|
35
35
|
canvas.height = video.videoHeight;
|
|
36
36
|
(_a = canvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.drawImage(video, 0, 0);
|
|
37
|
-
const data = canvas.toDataURL(
|
|
37
|
+
const data = canvas.toDataURL(format);
|
|
38
38
|
onCapture === null || onCapture === void 0 ? void 0 : onCapture(data);
|
|
39
39
|
}
|
|
40
40
|
};
|
|
@@ -45,32 +45,38 @@ export const CameraRoot = forwardRef(function Camera(_a, ref) {
|
|
|
45
45
|
});
|
|
46
46
|
}, []);
|
|
47
47
|
const [selectedDeviceId, setSelectedDeviceId] = useState();
|
|
48
|
+
const [stream, setStream] = useState();
|
|
49
|
+
useEffect(() => {
|
|
50
|
+
navigator.mediaDevices
|
|
51
|
+
.getUserMedia({
|
|
52
|
+
video: {
|
|
53
|
+
deviceId: selectedDeviceId,
|
|
54
|
+
},
|
|
55
|
+
})
|
|
56
|
+
.then((s) => {
|
|
57
|
+
setStream(s);
|
|
58
|
+
});
|
|
59
|
+
}, [selectedDeviceId]);
|
|
60
|
+
useEffect(() => {
|
|
61
|
+
return () => {
|
|
62
|
+
stream === null || stream === void 0 ? void 0 : stream.getTracks().forEach((track) => track.stop());
|
|
63
|
+
};
|
|
64
|
+
}, [stream]);
|
|
48
65
|
useEffect(() => {
|
|
49
66
|
const video = videoRef.current;
|
|
50
|
-
if (video) {
|
|
51
|
-
|
|
52
|
-
.getUserMedia({
|
|
53
|
-
video: {
|
|
54
|
-
deviceId: selectedDeviceId,
|
|
55
|
-
},
|
|
56
|
-
})
|
|
57
|
-
.then((stream) => {
|
|
58
|
-
video.srcObject = stream;
|
|
59
|
-
});
|
|
67
|
+
if (video && stream) {
|
|
68
|
+
video.srcObject = stream;
|
|
60
69
|
return () => {
|
|
61
|
-
|
|
62
|
-
if (src instanceof MediaStream) {
|
|
63
|
-
src.getTracks().forEach((track) => track.stop());
|
|
64
|
-
}
|
|
70
|
+
video.srcObject = null;
|
|
65
71
|
};
|
|
66
72
|
}
|
|
67
|
-
}, [
|
|
73
|
+
}, [stream]);
|
|
68
74
|
return (_jsx(CameraContext.Provider, Object.assign({ value: {
|
|
69
75
|
devices,
|
|
70
76
|
triggerCapture,
|
|
71
77
|
selectedDeviceId,
|
|
72
78
|
selectDeviceId: setSelectedDeviceId,
|
|
73
|
-
} }, { children: _jsxs("div", Object.assign({ ref: ref, className: classNames('layer-components:([font-family:inherit] text-white rounded-lg overflow-hidden min-w-4 min-h-4 relative)', className) }, rest, { children: [_jsx("video", { ref: videoRef, className: "w-full h-full object-cover", autoPlay: true, muted: true, playsInline: true }), children] })) })));
|
|
79
|
+
} }, { children: _jsxs("div", Object.assign({ ref: ref, className: classNames('layer-components:([font-family:inherit] text-white bg-black rounded-lg overflow-hidden min-w-4 min-h-4 relative)', className) }, rest, { children: [_jsx("video", { ref: videoRef, className: "w-full h-full object-cover", autoPlay: true, muted: true, playsInline: true }), children] })) })));
|
|
74
80
|
});
|
|
75
81
|
export const CameraShutterButton = forwardRef(function CameraShutterButton(_a, ref) {
|
|
76
82
|
var { asChild, onClick } = _a, rest = __rest(_a, ["asChild", "onClick"]);
|