@a-type/ui 0.2.5 → 0.3.0

package/dist/cjs/components/button/Button.d.ts

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes } from 'react';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    color?: 'primary' | 'default' | 'ghost' | 'destructive' | 'ghostDestructive' | 'accent';
+    color?: 'primary' | 'default' | 'ghost' | 'destructive' | 'ghostDestructive' | 'accent' | 'contrast';
     size?: 'default' | 'small' | 'icon';
     toggled?: boolean;
     align?: 'start' | 'stretch' | 'end';

package/dist/cjs/components/button/Button.js.map

@@ -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;AAkB/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;IAEvC,OAAO,CACN,wBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,QAAQ,EAAE,QAAQ,IAAI,OAAO,mBACd,gBAAgB,EAC/B,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,iBAEA,OAAO,IAAI,uBAAC,oBAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B,GAAG,EACrE,QAAQ,KACH,CACP,CAAC;AACH,CAAC,CACD,CAAC"}
+{"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;IAEvC,OAAO,CACN,wBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,QAAQ,EAAE,QAAQ,IAAI,OAAO,mBACd,gBAAgB,EAC/B,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,iBAEA,OAAO,IAAI,uBAAC,oBAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B,GAAG,EACrE,QAAQ,KACH,CACP,CAAC;AACH,CAAC,CACD,CAAC"}

package/dist/cjs/components/button/Button.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { StoryObj } from '@storybook/react';
+import { Button } from './Button.js';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./Button.js").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+    args: {
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;

package/dist/cjs/components/button/Button.stories.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const Button_js_1 = require("./Button.js");
+const meta = {
+    title: 'Button',
+    component: Button_js_1.Button,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+    args: {
+        children: 'Button',
+    },
+};
+exports.default = meta;
+exports.Default = {};
+//# sourceMappingURL=Button.stories.js.map

package/dist/cjs/components/button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";;;AACA,2CAAqC;AAErC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,QAAQ;KAClB;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC"}

package/dist/cjs/components/button/classes.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProps } from './Button.js';
+import type { ButtonProps } from './Button.jsx';
 export declare function getButtonClassName({ color, size, toggled, align, }: {
     color?: ButtonProps['color'];
     size?: ButtonProps['size'];

package/dist/cjs/components/button/classes.js

@@ -6,23 +6,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getButtonClassName = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 function getButtonClassName({ color, size, toggled, align, }) {
-    return (0, classnames_1.default)('layer-components:(px-4 py-3 bg-[var(--bg)] [--webkit-tap-highlight-color:transparent] [line-height:1] text-size-md font-sans border border-solid border-transparent rounded-lg cursor-pointer font-bold flex flex-row gap-1 items-center relative overflow-visible select-none all:transition duration-200 shadow-none whitespace-nowrap)', 'layer-components:hover:(bg-[var(--hover)] shadow-[0_0_0_6px_var(--hover)])', 'layer-components:focus:outline-off', 'layer-components:focus-visible:(outline-off shadow-[0_0_0_6px_var(--hover)])', 'layer-components:active:(shadow-[0_0_0_6px_var(--active)] bg-[var(--active)])', 'important:disabled:(opacity-50 cursor-default bg-[(--var-bg)] shadow-none)', 'important:[&[data-disabled=true]]:(opacity-50 cursor-default bg-[(--var-bg)] shadow-none)', colors[color !== null && color !== void 0 ? color : 'default'], `color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggled && toggledClass, align && aligns[align], 
+    return (0, classnames_1.default)('layer-components:(px-4 py-2 bg-[var(--bg)] [--webkit-tap-highlight-color:transparent] [line-height:1] text-size-md font-sans border border-solid border-transparent rounded-full cursor-pointer font-bold flex flex-row gap-1 items-center relative overflow-visible select-none all:transition duration-200 shadow-none whitespace-nowrap)', 'layer-components:hover:(bg-[var(--hover)] shadow-[0_0_0_6px_var(--hover)])', 'layer-components:focus:outline-off', 'layer-components:focus-visible:(outline-off shadow-[0_0_0_6px_var(--focus,var(--hover))])', 'layer-components:active:(shadow-[0_0_0_6px_var(--active)] bg-[var(--active)])', 'important:disabled:(opacity-50 cursor-default bg-[(--var-bg)] shadow-none)', 'important:[&[data-disabled=true]]:(opacity-50 cursor-default bg-[(--var-bg)] shadow-none)', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggled && toggledClass, align && aligns[align], 
     // compound variants
     color === 'ghost' && toggled && 'layer-variants:bg-primary-wash');
 }
 exports.getButtonClassName = getButtonClassName;
 const colors = {
-    primary: `layer-variants:[&.color-primary]:([--bg:var(--color-primary-light)] [--hover:var(--color-primary)] [--active:var(--color-primary)] color-black border-black focus-visible:([--bg:var(--color-primary)]))`,
-    accent: `layer-variants:[&.color-accent]:([--bg:var(--color-accent-wash)] [--hover:var(--color-accent-light)] [--active:var(--color-accent-light)] color-black border-black focus-visible:([--bg:var(--color-accent-light)]))`,
-    default: `layer-variants:[&.color-default]:([--bg:var(--color-white)] [--hover:var(--color-gray-2)] [--active:var(--color-gray-3)] color-black border-black)`,
-    ghost: `layer-variants:[&.color-ghost]:([--bg:transparent] [--hover:var(--color-gray-blend)] [--active:var(--color-gray-dark-blend)] color-dark-blend hover:([--bg:var(--color-gray-blend)]) focus-visible:([--bg:var(--color-gray-blend)]))`,
-    destructive: `layer-variants:[&.color-destructive]:([--bg:var(--color-attention-light)] [--hover:var(--color-attention-light)] [--active:var(--color-attention-light)] border-black color-black hover:([--bg:var(--colors-attention)]))`,
-    ghostDestructive: `layer-variants:[&.color-ghostDestructive]:([--bg:transparent] [--hover:var(--color-attention-light)] [--active:var(-color-attention-light)] color-attention-dark)`,
+    primary: `layer-variants:[&.btn-color-primary]:([--bg:var(--color-primary-light)] [--hover:var(--color-primary)] [--focus:var(--color-primary)] [--active:var(--color-primary)] color-black border-black focus-visible:([--bg:var(--color-primary)]))`,
+    accent: `layer-variants:[&.btn-color-accent]:([--bg:var(--color-accent-wash)] [--hover:var(--color-accent-light)] [--focus:var(--color-accent-light)] [--active:var(--color-accent-light)] color-black border-black focus-visible:([--bg:var(--color-accent-light)]))`,
+    default: `layer-variants:[&.btn-color-default]:([--bg:var(--color-white)] [--hover:var(--color-gray-2)] [--focus:var(--color-gray-7)] [--active:var(--color-gray-3)] color-black border-black)`,
+    ghost: `layer-variants:[&.btn-color-ghost]:([--bg:transparent] [--hover:var(--color-gray-blend)] [--focus:var(--color-gray-7)] [--active:var(--color-gray-dark-blend)] color-dark-blend hover:([--bg:var(--color-gray-blend)]) focus-visible:([--bg:var(--color-gray-blend)] [--hover:var(--color-gray-7)]))`,
+    destructive: `layer-variants:[&.btn-color-destructive]:([--bg:var(--color-attention-light)] [--hover:var(--color-attention-light)] [--focus:var(--color-attention-light)] [--active:var(--color-attention-light)] border-black color-black hover:([--bg:var(--colors-attention)]))`,
+    ghostDestructive: `layer-variants:[&.btn-color-ghostDestructive]:([--bg:transparent] [--hover:var(--color-attention-light)] [--focus:var(--color-attention-light)] [--active:var(-color-attention-light)] color-attention-dark)`,
+    contrast: `layer-variants:[&.btn-color-contrast]:([--bg:var(--color-black)] [--hover:var(--color-gray-7)] [--focus:var(--color-gray-7)] [--active:var(--color-gray-6)] color-white border-black)`,
 };
 const sizes = {
     default: '',
-    small: 'layer-variants:[&.size-small]:(px-4 py-1 text-sm rounded-lg)',
-    icon: 'layer-variants:[&.size-icon]:(p-2 text-sm rounded-full)',
+    small: 'layer-variants:[&.size-small]:(px-4 py-1 text-sm rounded-full)',
+    icon: 'layer-variants:[&.size-icon]:(p-2 text-sm rounded-full) layer-variants:focus-visible:shadow-[0_0_0_2px_var(--focus,var(--hover))]',
 };
 const toggledClass = 'hover:(filter-brightness-[1.1])';
 const aligns = {

package/dist/cjs/components/button/classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AAGpC,SAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,GAMN;IACC,OAAO,IAAA,oBAAU,EACf,2UAA2U,EAC3U,4EAA4E,EAC5E,oCAAoC,EACpC,8EAA8E,EAC9E,+EAA+E,EAC/E,4EAA4E,EAC5E,2FAA2F,EAC3F,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,SAAS,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EAC7B,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,OAAO,IAAI,YAAY,EACvB,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO,IAAI,OAAO,IAAI,gCAAgC,CACjE,CAAC;AACJ,CAAC;AA5BD,gDA4BC;AAED,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,0MAA0M;IACnN,MAAM,EAAE,sNAAsN;IAC9N,OAAO,EAAE,oJAAoJ;IAC7J,KAAK,EAAE,sOAAsO;IAC7O,WAAW,EAAE,2NAA2N;IACxO,gBAAgB,EAAE,mKAAmK;CACtL,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,8DAA8D;IACrE,IAAI,EAAE,yDAAyD;CAChE,CAAC;AAEF,MAAM,YAAY,GAAG,iCAAiC,CAAC;AAEvD,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CAChB,CAAC"}
+{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AAGpC,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,GAML;IACA,OAAO,IAAA,oBAAU,EAChB,6UAA6U,EAC7U,4EAA4E,EAC5E,oCAAoC,EACpC,2FAA2F,EAC3F,+EAA+E,EAC/E,4EAA4E,EAC5E,2FAA2F,EAC3F,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,aAAa,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EACjC,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,OAAO,IAAI,YAAY,EACvB,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO,IAAI,OAAO,IAAI,gCAAgC,CAChE,CAAC;AACH,CAAC;AA5BD,gDA4BC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,6OAA6O;IACtP,MAAM,EAAE,8PAA8P;IACtQ,OAAO,EAAE,sLAAsL;IAC/L,KAAK,EAAE,sSAAsS;IAC7S,WAAW,EAAE,sQAAsQ;IACnR,gBAAgB,EAAE,8MAA8M;IAChO,QAAQ,EAAE,uLAAuL;CACjM,CAAC;AAEF,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,gEAAgE;IACvE,IAAI,EAAE,mIAAmI;CACzI,CAAC;AAEF,MAAM,YAAY,GAAG,iCAAiC,CAAC;AAEvD,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CACf,CAAC"}

package/dist/cjs/components/camera/Camera.d.ts

@@ -0,0 +1,16 @@
+import { MouseEvent, ReactNode } from 'react';
+export interface CameraRootProps {
+    className?: string;
+    onCapture?: (data: string) => void;
+    children?: ReactNode;
+}
+export declare const CameraRoot: import("react").ForwardRefExoticComponent<CameraRootProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface CameraShutterButtonProps {
+    className?: string;
+    asChild?: boolean;
+    onClick?: (ev: MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const CameraShutterButton: import("react").ForwardRefExoticComponent<CameraShutterButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface CameraDeviceSelectorProps {
+}
+export declare const CameraDeviceSelector: (props: CameraDeviceSelectorProps) => JSX.Element | null;

package/dist/cjs/components/camera/Camera.js

@@ -0,0 +1,113 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CameraDeviceSelector = exports.CameraShutterButton = exports.CameraRoot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const button_js_1 = require("../button.js");
+const icon_js_1 = require("../icon.js");
+const select_js_1 = require("../select.js");
+const react_slot_1 = require("@radix-ui/react-slot");
+const hooks_js_1 = require("../../hooks.js");
+const CameraContext = (0, react_1.createContext)({
+    triggerCapture: () => { },
+    selectedDeviceId: 'default',
+    selectDeviceId: () => { },
+    devices: [],
+});
+exports.CameraRoot = (0, react_1.forwardRef)(function Camera(_a, ref) {
+    var { className, onCapture, children } = _a, rest = __rest(_a, ["className", "onCapture", "children"]);
+    const videoRef = (0, react_1.useRef)(null);
+    const triggerCapture = () => {
+        var _a;
+        const video = videoRef.current;
+        if (video) {
+            const canvas = document.createElement('canvas');
+            canvas.width = video.videoWidth;
+            canvas.height = video.videoHeight;
+            (_a = canvas.getContext('2d')) === null || _a === void 0 ? void 0 : _a.drawImage(video, 0, 0);
+            const data = canvas.toDataURL('image/png');
+            onCapture === null || onCapture === void 0 ? void 0 : onCapture(data);
+        }
+    };
+    const [devices, setDevices] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        navigator.mediaDevices.enumerateDevices().then((devices) => {
+            setDevices(devices.filter((device) => device.kind === 'videoinput'));
+        });
+    }, []);
+    const [selectedDeviceId, setSelectedDeviceId] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        const video = videoRef.current;
+        if (video) {
+            navigator.mediaDevices
+                .getUserMedia({
+                video: {
+                    deviceId: selectedDeviceId,
+                },
+            })
+                .then((stream) => {
+                video.srcObject = stream;
+            });
+            return () => {
+                const src = video.srcObject;
+                if (src instanceof MediaStream) {
+                    src.getTracks().forEach((track) => track.stop());
+                }
+            };
+        }
+    }, [devices, selectedDeviceId]);
+    return ((0, jsx_runtime_1.jsx)(CameraContext.Provider, Object.assign({ value: {
+            devices,
+            triggerCapture,
+            selectedDeviceId,
+            selectDeviceId: setSelectedDeviceId,
+        } }, { 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] })) })));
+});
+exports.CameraShutterButton = (0, react_1.forwardRef)(function CameraShutterButton(_a, ref) {
+    var { asChild, onClick } = _a, rest = __rest(_a, ["asChild", "onClick"]);
+    const Comp = asChild ? react_slot_1.Slot : StyledShutterButton;
+    const { triggerCapture } = (0, react_1.useContext)(CameraContext);
+    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, "aria-label": asChild ? undefined : 'Capture photo', onClick: (ev) => {
+            triggerCapture();
+            onClick === null || onClick === void 0 ? void 0 : onClick(ev);
+        } }, rest)));
+});
+const StyledShutterButton = (0, hooks_js_1.withClassName)('button', 'absolute bottom-3 left-1/2 -translate-x-1/2 w-16 h-16 bg-white rounded-full cursor-pointer border-2 border-black border-solid ring-2 ring-white opacity-80', 'hover:bg-gray-1 hover:opacity-100', 'focus-visible:bg-gray-2', 'focus:ring-primary focus:outline-none focus:opacity-100', 'sm:w-8 sm:h-8');
+const CameraDeviceSelector = (props) => {
+    const { devices, selectDeviceId, selectedDeviceId } = (0, react_1.useContext)(CameraContext);
+    const swapCamera = () => {
+        if (selectedDeviceId) {
+            const index = devices.findIndex((device) => device.deviceId === selectedDeviceId);
+            if (index === -1) {
+                return;
+            }
+            selectDeviceId(devices[(index + 1) % devices.length].deviceId);
+        }
+        else {
+            selectDeviceId(devices[0].deviceId);
+        }
+    };
+    if (!devices.length || devices.length === 1)
+        return null;
+    if (devices.length === 2) {
+        return ((0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ size: "icon", color: "ghost", className: "absolute bottom-2 left-2 text-white", onClick: swapCamera }, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "refresh" }) })));
+    }
+    return ((0, jsx_runtime_1.jsxs)(select_js_1.Select, Object.assign({ value: selectedDeviceId || 'default', onValueChange: selectDeviceId }, { children: [(0, jsx_runtime_1.jsx)(select_js_1.SelectTrigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ size: "icon", color: "ghost", className: "absolute bottom-2 left-2 text-white" }, { children: (0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "refresh" }) })) })), (0, jsx_runtime_1.jsx)(select_js_1.SelectContent, { children: devices.map((device) => ((0, jsx_runtime_1.jsx)(select_js_1.SelectItem, Object.assign({ value: device.deviceId }, { children: device.label }), device.deviceId))) })] })));
+};
+exports.CameraDeviceSelector = CameraDeviceSelector;
+//# sourceMappingURL=Camera.js.map

package/dist/cjs/components/camera/Camera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/camera/Camera.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/cjs/components/camera/Camera.stories.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Camera_js_1 = require("./Camera.js");
+const react_1 = require("react");
+const meta = {
+    title: 'Camera',
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+    args: {},
+};
+exports.default = meta;
+exports.Default = {
+    render() {
+        return (0, jsx_runtime_1.jsx)(CameraDemo, {});
+    },
+};
+function CameraDemo() {
+    const [latest, setLatest] = (0, react_1.useState)();
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(Camera_js_1.CameraRoot, Object.assign({ onCapture: setLatest, className: "w-64 h-64" }, { children: [(0, jsx_runtime_1.jsx)(Camera_js_1.CameraShutterButton, {}), (0, jsx_runtime_1.jsx)(Camera_js_1.CameraDeviceSelector, {})] })), latest && (0, jsx_runtime_1.jsx)("img", { src: latest, className: "w-full" })] }));
+}
+//# sourceMappingURL=Camera.stories.js.map

package/dist/cjs/components/camera/Camera.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Camera.stories.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAIqB;AACrB,iCAA4C;AAE5C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,EAAE;CACO,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,uBAAC,UAAU,KAAG,CAAC;IACvB,CAAC;CACD,CAAC;AAEF,SAAS,UAAU;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAsB,CAAC;IAE3D,OAAO,CACN,4CACC,wBAAC,sBAAU,kBAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,WAAW,iBACtD,uBAAC,+BAAmB,KAAG,EACvB,uBAAC,gCAAoB,KAAG,KACZ,EACZ,MAAM,IAAI,gCAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,QAAQ,GAAG,IAC7C,CACN,CAAC;AACH,CAAC"}

package/dist/cjs/components/camera/index.d.ts

@@ -0,0 +1 @@
+export * from './Camera.js';

package/dist/cjs/components/camera/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Camera.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/camera/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/camera/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B"}

package/dist/cjs/components/camera.d.ts

@@ -0,0 +1 @@
+export * from './camera/index.js';

package/dist/cjs/components/camera.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./camera/index.js"), exports);
+//# sourceMappingURL=camera.js.map

package/dist/cjs/components/camera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.js","sourceRoot":"","sources":["../../../src/components/camera.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}

package/dist/cjs/components/checkbox/Checkbox.js

@@ -45,7 +45,7 @@ const react_1 = require("react");
 const react_icons_1 = require("@radix-ui/react-icons");
 const classnames_1 = __importDefault(require("classnames"));
 const withClassName_js_1 = require("../../hooks/withClassName.js");
-exports.CheckboxRoot = (0, withClassName_js_1.withClassName)(CheckboxPrimitive.Root, (0, classnames_1.default)('layer-components:(w-28px h-28px flex-shrink-0 relative bg-white border-default transition rounded-[6px])', 'layer-components:focus-visible:(outline-off shadow-focus)', 'layer-components:[&[data-state=checked]]:(bg-primary-light border-primary-dark)', 'layer-components:[&:hover:not(:disabled)]:shadow-[0_0_0_1px_var(--color-black)]'));
+exports.CheckboxRoot = (0, withClassName_js_1.withClassName)(CheckboxPrimitive.Root, (0, classnames_1.default)('layer-components:(w-28px h-28px flex-shrink-0 relative bg-white border-default transition rounded-full)', 'layer-components:focus-visible:(outline-off shadow-focus)', 'layer-components:[&[data-state=checked]]:(bg-primary-light border-primary-dark)', 'layer-components:[&:hover:not(:disabled)]:shadow-[0_0_0_1px_var(--color-black)]'));
 function CheckboxIndicator(_a) {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
     return ((0, jsx_runtime_1.jsx)(CheckboxPrimitive.Indicator, Object.assign({ className: (0, classnames_1.default)('absolute center translate-[-50%] color-black', className) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { width: 18, height: 18 }) })));

package/dist/cjs/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,4EAA8D;AAC9D,iCAAmD;AACnD,uDAAkD;AAClD,4DAAoC;AACpC,mEAA6D;AAEhD,QAAA,YAAY,GAAG,IAAA,gCAAa,EACxC,iBAAiB,CAAC,IAAI,EACtB,IAAA,oBAAU,EACT,0GAA0G,EAC1G,2DAA2D,EAC3D,iFAAiF,EACjF,iFAAiF,CACjF,CACD,CAAC;AAEF,SAAgB,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,uBAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,IAAA,oBAAU,EACpB,8CAA8C,EAC9C,SAAS,CACT,IACG,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,uBAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IACpB,CAC9B,CAAC;AACH,CAAC;AAhBD,8CAgBC;AAEY,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAGhC,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG;IAC7B,OAAO,CACN,uBAAC,oBAAY,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cAChC,uBAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,4EAA8D;AAC9D,iCAAmD;AACnD,uDAAkD;AAClD,4DAAoC;AACpC,mEAA6D;AAEhD,QAAA,YAAY,GAAG,IAAA,gCAAa,EACxC,iBAAiB,CAAC,IAAI,EACtB,IAAA,oBAAU,EACT,yGAAyG,EACzG,2DAA2D,EAC3D,iFAAiF,EACjF,iFAAiF,CACjF,CACD,CAAC;AAEF,SAAgB,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,uBAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,IAAA,oBAAU,EACpB,8CAA8C,EAC9C,SAAS,CACT,IACG,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,uBAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IACpB,CAC9B,CAAC;AACH,CAAC;AAhBD,8CAgBC;AAEY,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAGhC,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG;IAC7B,OAAO,CACN,uBAAC,oBAAY,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cAChC,uBAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/cjs/components/dialog/Dialog.js

@@ -50,8 +50,8 @@ const classnames_1 = __importDefault(require("classnames"));
 const react_icons_1 = require("@radix-ui/react-icons");
 const select_js_1 = require("../select.js");
 const react_2 = require("@use-gesture/react");
-const StyledOverlay = (0, withClassName_js_1.withClassName)(DialogPrimitive.Overlay, 'bg-overlay fixed inset-0 z-dialog-backdrop animate-fade-in [&[data-state=closed]]:animate-fade-out animate-duration-200 motion-reduce:animate-none');
-const StyledContent = (0, withClassName_js_1.withClassName)(DialogPrimitive.Content, 'z-dialog fixed bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] left-0 right-0 h-min-content max-h-[calc(0.85*var(--viewport-height,100vh))]', 'translate-0 transform-gpu', 'animate-ease-out', 'shadow-xl bg-white rounded-tl-xl rounded-tr-xl p-6 pt-8 border-default border-b-0 overflow-y-auto flex flex-col pb-[calc(3rem+env(safe-area-inset-bottom,0px))]', 'animate-fade-in-up-big animate-duration-200 [&[data-state=closed]]:animate-fade-out-down-big animate-ease-in motion-reduce:animate-none', 'sm:(animate-duration-200 left-50% top-50% translate-[-50%] w-90vw max-w-450px max-h-85vh pb-6 rounded-lg border-b-1 animate-keyframes-fade-in [&[data-state=closed]]:animate-keyframes-fade-out motion-reduce:animate-none pt-6)');
+const StyledOverlay = (0, withClassName_js_1.withClassName)(DialogPrimitive.Overlay, 'layer-components(bg-overlay fixed inset-0 z-dialog-backdrop animate-fade-in animate-duration-200)', 'layer-components:[&[data-state=closed]]:animate-fade-out', 'motion-reduce:animate-none');
+const StyledContent = (0, withClassName_js_1.withClassName)(DialogPrimitive.Content, 'layer-components:(translate-0 z-dialog fixed bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] left-0 right-0 h-min-content max-h-[calc(0.85*var(--viewport-height,100vh))])', 'transform-gpu', 'animate-ease-out', 'layer-components:(shadow-xl bg-white rounded-tl-xl rounded-tr-xl p-6 pt-8 border-default border-b-0 overflow-y-auto flex flex-col pb-[calc(3rem+env(safe-area-inset-bottom,0px))])', 'animate-fade-in-up-big animate-duration-200 [&[data-state=closed]]:animate-fade-out-down-big animate-ease-in motion-reduce:animate-none', 'layer-components:sm:(left-50% top-50% translate-[-50%] w-90vw max-w-450px max-h-85vh pb-6 rounded-lg border-b-1 pt-6)', 'sm:(animate-duration-200 animate-keyframes-fade-in [&[data-state=closed]]:animate-keyframes-fade-out motion-reduce:animate-none)');
 exports.Content = (0, react_1.forwardRef)(function Content(_a, ref) {
     var { children, width, outerClassName, className } = _a, props = __rest(_a, ["children", "width", "outerClassName", "className"]);
     const particles = (0, particles_js_1.useParticles)();

package/dist/cjs/components/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/dialog/Dialog.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { StoryObj } from '@storybook/react';
+import { Dialog } from './Dialog.js';
+declare const meta: {
+    title: string;
+    component: (props: import("@radix-ui/react-dialog").DialogProps) => JSX.Element;
+    argTypes: {};
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const Default: Story;

package/dist/cjs/components/dialog/Dialog.stories.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Dialog_js_1 = require("./Dialog.js");
+const meta = {
+    title: 'Dialog',
+    component: Dialog_js_1.Dialog,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { children: "Open" }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, { children: "Close" }) })] })] })),
+    },
+};
+//# sourceMappingURL=Dialog.stories.js.map

package/dist/cjs/components/dialog/Dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAOqB;AAErB,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,6DACC,uBAAC,yBAAa,uBAAqB,EACnC,wBAAC,yBAAa,eACb,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,yBAAa,cACb,uBAAC,uBAAW,wBAAoB,GACjB,IACD,IACd,CACH;KACD;CACD,CAAC"}

package/dist/cjs/components/forms/TextField.d.ts

@@ -13,7 +13,7 @@ export type TextFieldProps = {
     autoFocusDelay?: number;
     inputRef?: Ref<HTMLInputElement>;
 } & ComponentProps<typeof Input>;
-export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "label" | "key" | keyof InputHTMLAttributes<HTMLInputElement> | "autoFocusDelay" | "inputRef"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "label" | "key" | "variant" | keyof InputHTMLAttributes<HTMLInputElement> | "autoFocusDelay" | "inputRef"> & import("react").RefAttributes<HTMLDivElement>>;
 export type TextAreaFieldProps = {
     name: string;
     label?: string;

package/dist/cjs/components/icon/generated/IconSpritesheet.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconSpritesheet = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 // WARNING: generated file! See 'scripts/generateIcons'. Do not modify!
-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 4V11M7.5 4L5.5 2M7.5 4L9.5 2M7.5 4V1M7.5 11L5.5 13M7.5 11L9.5 13M7.5 11V14", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.46893 9.25L10.5311 5.75M4.46893 9.25L3.73687 11.9821M4.46893 9.25L1.73687 8.51795M4.46893 9.25L1.87085 10.75M10.5311 5.75L13.2632 6.48206M10.5311 5.75L11.2632 3.01795M10.5311 5.75L13.1292 4.25", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.46893 5.75L10.5311 9.25M4.46893 5.75L1.73687 6.48206M4.46893 5.75L3.73687 3.01795M4.46893 5.75L1.87085 4.25M10.5311 9.25L11.2632 11.9821M10.5311 9.25L13.2632 8.51795M10.5311 9.25L13.1292 10.75", 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 2.5V7.49998L10.5 9.5M14.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" }) })) })] }))] }) })));
+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" }) }))] }) })));
 exports.IconSpritesheet = IconSpritesheet;
 //# sourceMappingURL=IconSpritesheet.js.map