@wallarm-org/design-system 0.58.0-rc-feature-AS-1085.4 → 0.58.1

package/dist/components/AnimatedBackground/AnimatedBackground.js

@@ -5,8 +5,8 @@ import { GameHud } from "./GameHud.js";
 import { createSweepEngine, resolveOptions, useGameKeyboard } from "./module/index.js";
 const GATE_TARGET = 5;
 const AnimatedBackground = (props)=>{
-    const { ref, texture, paused, game = false, excludeCardSize, className, ...rest } = props;
-    const internalRef = useRef(null);
+    const { ref, texture, paused, game = false, excludeCardSize, className, children, ...rest } = props;
+    const canvasRef = useRef(null);
     const engineRef = useRef(null);
     const reducedMotionRef = useRef(null);
     const options = resolveOptions(props);
@@ -35,7 +35,7 @@ const AnimatedBackground = (props)=>{
     const accuracy = faced > 0 ? Math.round(stats.stopped / faced * 100) : 100;
     const hasStartedRoundRef = useRef(false);
     useEffect(()=>{
-        const canvas = internalRef.current;
+        const canvas = canvasRef.current;
         if (!canvas) return;
         const engine = createSweepEngine(canvas, optionsRef.current);
         engineRef.current = engine;
@@ -119,7 +119,7 @@ const AnimatedBackground = (props)=>{
     useGameKeyboard(engineRef, game, armed, roundOver, hasStartedRoundRef);
     const onPointerDown = useCallback((e)=>{
         if (!game) return;
-        const canvas = internalRef.current;
+        const canvas = canvasRef.current;
         if (!canvas) return;
         const rect = canvas.getBoundingClientRect();
         const x = e.clientX - rect.left;
@@ -131,30 +131,53 @@ const AnimatedBackground = (props)=>{
     const handleTryAgain = useCallback(()=>{
         engineRef.current?.startRound();
     }, []);
-    return /*#__PURE__*/ jsxs(Fragment, {
+    const gameHud = gameActive && /*#__PURE__*/ jsx(GameHud, {
+        caught: caught,
+        armed: armed,
+        roundOver: roundOver,
+        stats: stats,
+        accuracy: accuracy,
+        faced: faced,
+        catchKey: catchKey,
+        gateTarget: GATE_TARGET,
+        onTryAgain: handleTryAgain
+    });
+    if (null == children) return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx("canvas", {
+                "data-slot": "animated-background",
                 ...rest,
                 ref: (node)=>{
-                    internalRef.current = node;
+                    canvasRef.current = node;
                     if ('function' == typeof ref) ref(node);
                     else if (ref) ref.current = node;
                 },
-                "data-slot": "animated-background",
                 "aria-hidden": "true",
                 className: cn('h-full w-full pointer-events-none', gameActive && 'pointer-events-auto', className),
                 onPointerDown: gameActive ? onPointerDown : void 0
             }),
-            gameActive && /*#__PURE__*/ jsx(GameHud, {
-                caught: caught,
-                armed: armed,
-                roundOver: roundOver,
-                stats: stats,
-                accuracy: accuracy,
-                faced: faced,
-                catchKey: catchKey,
-                gateTarget: GATE_TARGET,
-                onTryAgain: handleTryAgain
+            gameHud
+        ]
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "animated-background",
+        ...rest,
+        ref: ref,
+        className: cn('relative', className),
+        children: [
+            /*#__PURE__*/ jsx("canvas", {
+                ref: canvasRef,
+                "aria-hidden": "true",
+                className: cn('absolute inset-0 h-full w-full pointer-events-none', gameActive && 'pointer-events-auto'),
+                onPointerDown: gameActive ? onPointerDown : void 0
+            }),
+            gameHud,
+            /*#__PURE__*/ jsx("div", {
+                className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center",
+                children: /*#__PURE__*/ jsx("div", {
+                    className: "pointer-events-auto",
+                    children: children
+                })
             })
         ]
     });

package/dist/components/AnimatedBackground/module/types.d.ts

@@ -1,7 +1,9 @@
-import type { CanvasHTMLAttributes, Ref } from 'react';
+import type { HTMLAttributes, ReactNode, Ref } from 'react';
 export type Texture = 'clean' | 'halftone';
-export interface AnimatedBackgroundProps extends Omit<CanvasHTMLAttributes<HTMLCanvasElement>, 'children'> {
-    ref?: Ref<HTMLCanvasElement>;
+export interface AnimatedBackgroundProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+    /** Content rendered centered above the animated canvas. */
+    children?: ReactNode;
     /** Variant A (`clean`) vs Variant B (`halftone`). */
     texture?: Texture;
     /** Grid cell size in px. */

package/dist/components/UtilityPage/UtilityPage.d.ts

@@ -0,0 +1,10 @@
+import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+import type { TestableProps } from '../../utils/testId';
+export interface UtilityPageProps extends HTMLAttributes<HTMLDivElement>, TestableProps {
+    ref?: Ref<HTMLDivElement>;
+    title: string;
+    subtitle: string;
+    description: string;
+    children?: ReactNode;
+}
+export declare const UtilityPage: FC<UtilityPageProps>;

package/dist/components/UtilityPage/UtilityPage.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { AnimatedBackground } from "../AnimatedBackground/index.js";
+import { Logo } from "../Logo/index.js";
+const UtilityPage = ({ ref, title, subtitle, description, className, children, ...props })=>/*#__PURE__*/ jsx(AnimatedBackground, {
+        ...props,
+        ref: ref,
+        "data-slot": "utility-page",
+        className: cn('min-h-screen w-full bg-component-app-shell-bg', className),
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "flex w-[482px] flex-col items-center gap-32 rounded-12 border-1 border-border-primary-light bg-bg-surface-1 px-48 pt-32 pb-80 shadow-xs",
+            children: [
+                /*#__PURE__*/ jsx(Logo, {
+                    type: "full",
+                    size: "lg",
+                    className: "self-start mb-32"
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "w-full flex flex-col items-start gap-12",
+                    children: [
+                        /*#__PURE__*/ jsx("h1", {
+                            className: "font-mono text-6xl font-medium text-text-primary",
+                            children: title
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex flex-col items-start gap-4",
+                            children: [
+                                /*#__PURE__*/ jsx("p", {
+                                    className: "text-lg font-medium text-text-primary",
+                                    children: subtitle
+                                }),
+                                /*#__PURE__*/ jsx("p", {
+                                    className: "text-sm text-text-secondary",
+                                    children: description
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                children && /*#__PURE__*/ jsx("div", {
+                    className: "w-full flex flex-col gap-8",
+                    children: children
+                })
+            ]
+        })
+    });
+UtilityPage.displayName = 'UtilityPage';
+export { UtilityPage };

package/dist/components/UtilityPage/index.d.ts

@@ -0,0 +1 @@
+export { UtilityPage, type UtilityPageProps } from './UtilityPage';

package/dist/components/UtilityPage/index.js

@@ -0,0 +1,2 @@
+import { UtilityPage } from "./UtilityPage.js";
+export { UtilityPage };

package/dist/icons/Api.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const Api: FC<SvgIconProps>;

package/dist/icons/Api.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const Api = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"
+            })
+        ]
+    });
+Api.displayName = 'ApiIcon';
+export { Api };

package/dist/icons/Archive.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const Archive: FC<SvgIconProps>;

package/dist/icons/Archive.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const Archive = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("rect", {
+                width: "20",
+                height: "5",
+                x: "2",
+                y: "3",
+                rx: "1"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M10 12h4"
+            })
+        ]
+    });
+Archive.displayName = 'ArchiveIcon';
+export { Archive };

package/dist/icons/ArrowUpDown.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const ArrowUpDown: FC<SvgIconProps>;

package/dist/icons/ArrowUpDown.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const ArrowUpDown = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "m21 16-4 4-4-4"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M17 20V4"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "m3 8 4-4 4 4"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M7 4v16"
+            })
+        ]
+    });
+ArrowUpDown.displayName = 'ArrowUpDownIcon';
+export { ArrowUpDown };

package/dist/icons/Asterisk.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const Asterisk: FC<SvgIconProps>;

package/dist/icons/Asterisk.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const Asterisk = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 6v12"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M17.196 9 6.804 15"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "m6.804 9 10.392 6"
+            })
+        ]
+    });
+Asterisk.displayName = 'AsteriskIcon';
+export { Asterisk };

package/dist/icons/BadgeCheck.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const BadgeCheck: FC<SvgIconProps>;

package/dist/icons/BadgeCheck.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const BadgeCheck = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "m9 12 2 2 4-4"
+            })
+        ]
+    });
+BadgeCheck.displayName = 'BadgeCheckIcon';
+export { BadgeCheck };

package/dist/icons/Bandage.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const Bandage: FC<SvgIconProps>;

package/dist/icons/Bandage.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const Bandage = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M10 10.01h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M10 14.01h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M14 10.01h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M14 14.01h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M18 6v12"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M6 6v12"
+            }),
+            /*#__PURE__*/ jsx("rect", {
+                x: "2",
+                y: "6",
+                width: "20",
+                height: "12",
+                rx: "2"
+            })
+        ]
+    });
+Bandage.displayName = 'BandageIcon';
+export { Bandage };

package/dist/icons/Binary.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const Binary: FC<SvgIconProps>;

package/dist/icons/Binary.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const Binary = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("rect", {
+                x: "14",
+                y: "14",
+                width: "4",
+                height: "6",
+                rx: "2"
+            }),
+            /*#__PURE__*/ jsx("rect", {
+                x: "6",
+                y: "4",
+                width: "4",
+                height: "6",
+                rx: "2"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M6 20h4"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M14 10h4"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M6 14h2v6"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M14 4h2v6"
+            })
+        ]
+    });
+Binary.displayName = 'BinaryIcon';
+export { Binary };

package/dist/icons/BookOpen.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const BookOpen: FC<SvgIconProps>;

package/dist/icons/BookOpen.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const BookOpen = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 7v14"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"
+            })
+        ]
+    });
+BookOpen.displayName = 'BookOpenIcon';
+export { BookOpen };

package/dist/icons/Bot.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const Bot: FC<SvgIconProps>;

package/dist/icons/Bot.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const Bot = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 8V4H8"
+            }),
+            /*#__PURE__*/ jsx("rect", {
+                width: "16",
+                height: "12",
+                x: "4",
+                y: "8",
+                rx: "2"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M2 14h2"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M20 14h2"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M15 13v2"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M9 13v2"
+            })
+        ]
+    });
+Bot.displayName = 'BotIcon';
+export { Bot };

package/dist/icons/BugOff.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const BugOff: FC<SvgIconProps>;

package/dist/icons/BugOff.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const BugOff = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 20v-8"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M12.656 7H14a4 4 0 0 1 4 4v1.344"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M14.12 3.88 16 2"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M17.123 17.123A6 6 0 0 1 6 14v-3a4 4 0 0 1 1.72-3.287"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "m2 2 20 20"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M21 5a4 4 0 0 1-3.55 3.97"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M22 13h-3.344"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M3 21a4 4 0 0 1 3.81-4"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M3 5a4 4 0 0 0 3.55 3.97"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M6 13H2"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "m8 2 1.88 1.88"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M9.712 4.06A3 3 0 0 1 15 6v1.13"
+            })
+        ]
+    });
+BugOff.displayName = 'BugOffIcon';
+export { BugOff };

package/dist/icons/BugPlay.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const BugPlay: FC<SvgIconProps>;

package/dist/icons/BugPlay.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const BugPlay = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M10 19.655A6 6 0 0 1 6 14v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 3.97"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M14 15.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997a1 1 0 0 1-1.517-.86z"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M14.12 3.88 16 2"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M21 5a4 4 0 0 1-3.55 3.97"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M3 21a4 4 0 0 1 3.81-4"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M3 5a4 4 0 0 0 3.55 3.97"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M6 13H2"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "m8 2 1.88 1.88"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M9 7.13V6a3 3 0 1 1 6 0v1.13"
+            })
+        ]
+    });
+BugPlay.displayName = 'BugPlayIcon';
+export { BugPlay };

package/dist/icons/Building.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import { type SvgIconProps } from './SvgIcon';
+export declare const Building: FC<SvgIconProps>;

package/dist/icons/Building.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SvgIcon } from "./SvgIcon.js";
+const Building = (props)=>/*#__PURE__*/ jsxs(SvgIcon, {
+        ...props,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 10h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 14h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 6h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M16 10h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M16 14h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M16 6h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M8 10h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M8 14h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M8 6h.01"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3"
+            }),
+            /*#__PURE__*/ jsx("rect", {
+                x: "4",
+                y: "2",
+                width: "16",
+                height: "20",
+                rx: "2"
+            })
+        ]
+    });
+Building.displayName = 'BuildingIcon';
+export { Building };