@optiaxiom/react 1.9.37 → 1.9.38

package/dist/esm/packages/react/src/hooks/useResponsiveMatches.js

@@ -1,23 +1,17 @@
 "use client";
-import { conditions } from '../utils/conditions.js';
-import 'react';
-import 'react/jsx-runtime';
-import '../utils/isHoverSupported.js';
-import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
-
+"use client";
+import { conditions } from "../utils/conditions.js";
+import { useMediaQuery } from "../../../../node_modules/.pnpm/@mantine_hooks@8.3.18_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js";
+//#region src/hooks/useResponsiveMatches.ts
 const list = ["md", "sm"];
 const useResponsiveMatches = (config) => {
-  const matches = {
-    base: true,
-    sm: useMediaQuery(conditions.conditions.sm["@media"], true),
-    md: useMediaQuery(conditions.conditions.md["@media"])
-  };
-  for (const name of list) {
-    if (config[name] && matches[name]) {
-      return config[name];
-    }
-  }
-  return config.base;
+	const matches = {
+		base: true,
+		sm: useMediaQuery(conditions.conditions.sm["@media"], true),
+		md: useMediaQuery(conditions.conditions.md["@media"])
+	};
+	for (const name of list) if (config[name] && matches[name]) return config[name];
+	return config.base;
 };
-
+//#endregion
 export { useResponsiveMatches };

package/dist/esm/packages/react/src/hover-card/HoverCard.js

@@ -1,44 +1,39 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixHoverCard from '@radix-ui/react-hover-card';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useState } from 'react';
-import { HoverCardContextProvider } from './HoverCardContext.js';
-
-function HoverCard({
-  children,
-  defaultOpen = false,
-  onOpenChange,
-  open: openProp,
-  openDelay = 500,
-  ...props
-}) {
-  const [open, setOpen] = useControllableState({
-    caller: "@optiaxiom/react/HoverCard",
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  const [presence, setPresence] = useState(false);
-  return /* @__PURE__ */ jsx(
-    RadixHoverCard.Root,
-    {
-      onOpenChange: setOpen,
-      open: open || presence,
-      openDelay,
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        HoverCardContextProvider,
-        {
-          open,
-          presence,
-          setPresence,
-          children
-        }
-      )
-    }
-  );
+import { HoverCardContextProvider } from "./HoverCardContext.js";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import * as RadixHoverCard from "@radix-ui/react-hover-card";
+//#region src/hover-card/HoverCard.tsx
+/**
+* Display helpful text or previews inside a dialog when hovering over a link or button.
+*
+* @category overlay
+* @group HoverCard
+* @since 1.7.6
+* @experimental
+*/
+function HoverCard({ children, defaultOpen = false, onOpenChange, open: openProp, openDelay = 500, ...props }) {
+	const [open, setOpen] = useControllableState({
+		caller: "@optiaxiom/react/HoverCard",
+		defaultProp: defaultOpen,
+		onChange: onOpenChange,
+		prop: openProp
+	});
+	const [presence, setPresence] = useState(false);
+	return /* @__PURE__ */ jsx(RadixHoverCard.Root, {
+		onOpenChange: setOpen,
+		open: open || presence,
+		openDelay,
+		...props,
+		children: /* @__PURE__ */ jsx(HoverCardContextProvider, {
+			open,
+			presence,
+			setPresence,
+			children
+		})
+	});
 }
 HoverCard.displayName = "@optiaxiom/react/HoverCard";
-
+//#endregion
 export { HoverCard };

package/dist/esm/packages/react/src/hover-card/HoverCardContent.js

@@ -1,56 +1,51 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import * as RadixHoverCard from '@radix-ui/react-hover-card';
-import { forwardRef, useRef } from 'react';
-import { Paper } from '../paper/Paper.js';
-import { Portal } from '../portal/Portal.js';
-import { Transition } from '../transition/Transition.js';
-import { TransitionGroup } from '../transition/TransitionGroup.js';
-import { useHoverCardContext } from './HoverCardContext.js';
-
-const HoverCardContent = forwardRef(
-  ({ align = "start", asChild, children, sideOffset = 4, ...props }, outerRef) => {
-    const innerRef = useRef(null);
-    const ref = useComposedRefs(innerRef, outerRef);
-    const { open, presence, setPresence } = useHoverCardContext(
-      "@optiaxiom/react/HoverCardContent"
-    );
-    return /* @__PURE__ */ jsx(
-      TransitionGroup,
-      {
-        onPresenceChange: setPresence,
-        open,
-        presence,
-        children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(Transition, { duration: "sm", children: /* @__PURE__ */ jsx(
-          Paper,
-          {
-            asChild: true,
-            display: "flex",
-            flexDirection: "column",
-            fontSize: "md",
-            gap: "2",
-            maxW: "xs",
-            p: "16",
-            role: "dialog",
-            ...props,
-            children: /* @__PURE__ */ jsx(
-              RadixHoverCard.Content,
-              {
-                align,
-                asChild,
-                forceMount: true,
-                ref,
-                sideOffset,
-                children
-              }
-            )
-          }
-        ) }) })
-      }
-    );
-  }
-);
+import { Transition } from "../transition/Transition.js";
+import { TransitionGroup } from "../transition/TransitionGroup.js";
+import { Paper } from "../paper/Paper.js";
+import { Portal } from "../portal/Portal.js";
+import { useHoverCardContext } from "./HoverCardContext.js";
+import { forwardRef, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import * as RadixHoverCard from "@radix-ui/react-hover-card";
+//#region src/hover-card/HoverCardContent.tsx
+/**
+* @group HoverCard
+*/
+const HoverCardContent = forwardRef(({ align = "start", asChild, children, sideOffset = 4, ...props }, outerRef) => {
+	const ref = useComposedRefs(useRef(null), outerRef);
+	const { open, presence, setPresence } = useHoverCardContext("@optiaxiom/react/HoverCardContent");
+	return /* @__PURE__ */ jsx(TransitionGroup, {
+		onPresenceChange: setPresence,
+		open,
+		presence,
+		children: /* @__PURE__ */ jsx(Portal, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Transition, {
+				duration: "sm",
+				children: /* @__PURE__ */ jsx(Paper, {
+					asChild: true,
+					display: "flex",
+					flexDirection: "column",
+					fontSize: "md",
+					gap: "2",
+					maxW: "xs",
+					p: "16",
+					role: "dialog",
+					...props,
+					children: /* @__PURE__ */ jsx(RadixHoverCard.Content, {
+						align,
+						asChild,
+						forceMount: true,
+						ref,
+						sideOffset,
+						children
+					})
+				})
+			})
+		})
+	});
+});
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
-
+//#endregion
 export { HoverCardContent };

package/dist/esm/packages/react/src/hover-card/HoverCardContext.js

@@ -1,5 +1,5 @@
-import { createContext } from '@radix-ui/react-context';
-
+import { createContext } from "@radix-ui/react-context";
+//#region src/hover-card/HoverCardContext.ts
 const [HoverCardContextProvider, useHoverCardContext] = createContext("@optiaxiom/react/HoverCardContext");
-
+//#endregion
 export { HoverCardContextProvider, useHoverCardContext };

package/dist/esm/packages/react/src/hover-card/HoverCardTrigger-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
-import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BajXBXhm.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var trigger$1 = recipeRuntime({base:'_1r2grvl'});
-
-export { trigger$1 as trigger };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BSgG8_zG.css";
+//#region src/hover-card/HoverCardTrigger.css.ts
+var trigger = recipeRuntime({ base: "_1xg8o61" });
+//#endregion
+export { trigger };

package/dist/esm/packages/react/src/hover-card/HoverCardTrigger.js

@@ -1,15 +1,27 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixHoverCard from '@radix-ui/react-hover-card';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { extractBoxProps } from '../box/extractBoxProps.js';
-import { trigger } from './HoverCardTrigger-css.js';
-
+import { extractBoxProps } from "../box/extractBoxProps.js";
+import { Box } from "../box/Box.js";
+import { trigger } from "./HoverCardTrigger-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as RadixHoverCard from "@radix-ui/react-hover-card";
+//#region src/hover-card/HoverCardTrigger.tsx
+/**
+* @group HoverCard
+*/
 const HoverCardTrigger = forwardRef(({ children, className, ...props }, ref) => {
-  const { boxProps, restProps } = extractBoxProps(props);
-  return /* @__PURE__ */ jsx(Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsx(RadixHoverCard.Trigger, { ref, ...restProps, children }) });
+	const { boxProps, restProps } = extractBoxProps(props);
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		...trigger({}, className),
+		...boxProps,
+		children: /* @__PURE__ */ jsx(RadixHoverCard.Trigger, {
+			ref,
+			...restProps,
+			children
+		})
+	});
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
-
+//#endregion
 export { HoverCardTrigger };

package/dist/esm/packages/react/src/icon/Icon-css.js

@@ -1,7 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
-import './../../../../assets/src/icon/Icon.css.ts.vanilla-CJGFAqV6.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var icon$4 = recipeRuntime({base:[{flex:'none',w:'auto'},'_1yxgf6c']});
-
-export { icon$4 as icon };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/icon/Icon.css.ts.vanilla-dVd84DU6.css";
+//#region src/icon/Icon.css.ts
+var icon = recipeRuntime({ base: [{
+	flex: "none",
+	w: "auto"
+}, "_9an0qf"] });
+//#endregion
+export { icon };

package/dist/esm/packages/react/src/icon/Icon.js

@@ -1,16 +1,17 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { icon } from './Icon-css.js';
-
-const Icon = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { ref, ...icon({}, className), ...props, children });
-  }
-);
+import { Box } from "../box/Box.js";
+import { icon } from "./Icon-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/icon/Icon.tsx
+const Icon = forwardRef(({ children, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		...icon({}, className),
+		...props,
+		children
+	});
+});
 Icon.displayName = "@optiaxiom/react/Icon";
-
+//#endregion
 export { Icon };

package/dist/esm/packages/react/src/icons/CheckboxCheck.js

@@ -1,24 +1,18 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const CheckboxCheck = withIcon(
-  {
-    fill: "none",
-    height: 8,
-    name: "CheckboxCheck",
-    width: 12
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M1.5 3.47059L4.83333 7L10.5 1",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/CheckboxCheck.tsx
+const CheckboxCheck = withIcon({
+	fill: "none",
+	height: 8,
+	name: "CheckboxCheck",
+	width: 12
+}, /* @__PURE__ */ jsx("path", {
+	d: "M1.5 3.47059L4.83333 7L10.5 1",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5"
+}));
+//#endregion
 export { CheckboxCheck };

package/dist/esm/packages/react/src/icons/IconAngleDown.js

@@ -1,21 +1,15 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconAngleDown = withIcon(
-  {
-    fill: "none",
-    name: "IconAngleDown"
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M5 5.5L10 10.5L15 5.5",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconAngleDown.tsx
+const IconAngleDown = withIcon({
+	fill: "none",
+	name: "IconAngleDown"
+}, /* @__PURE__ */ jsx("path", {
+	d: "M5 5.5L10 10.5L15 5.5",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}));
+//#endregion
 export { IconAngleDown };

package/dist/esm/packages/react/src/icons/IconAngleLeft.js

@@ -1,21 +1,15 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconAngleLeft = withIcon(
-  {
-    fill: "none",
-    name: "IconAngleLeft"
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M12.5 13L7.5 8L12.5 3",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconAngleLeft.tsx
+const IconAngleLeft = withIcon({
+	fill: "none",
+	name: "IconAngleLeft"
+}, /* @__PURE__ */ jsx("path", {
+	d: "M12.5 13L7.5 8L12.5 3",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}));
+//#endregion
 export { IconAngleLeft };

package/dist/esm/packages/react/src/icons/IconAngleRight.js

@@ -1,21 +1,15 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconAngleRight = withIcon(
-  {
-    fill: "none",
-    name: "IconAngleRight"
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M7.5 13L12.5 8L7.5 3",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconAngleRight.tsx
+const IconAngleRight = withIcon({
+	fill: "none",
+	name: "IconAngleRight"
+}, /* @__PURE__ */ jsx("path", {
+	d: "M7.5 13L12.5 8L7.5 3",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}));
+//#endregion
 export { IconAngleRight };

package/dist/esm/packages/react/src/icons/IconCalendar.js

@@ -1,20 +1,12 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconCalendar = withIcon(
-  {
-    name: "IconCalendar"
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M13.5 0.5C13.5 0.223858 13.2761 0 13 0C12.7239 0 12.5 0.223858 12.5 0.5V2H7.5V0.5C7.5 0.223858 7.27614 0 7 0C6.72386 0 6.5 0.223858 6.5 0.5V2H5.33333C4.04467 2 3 3.04467 3 4.33333V13.6667C3 14.9553 4.04467 16 5.33333 16H14.6667C15.9553 16 17 14.9553 17 13.6667V4.33333C17 3.04467 15.9553 2 14.6667 2H13.5V0.5ZM5.33333 3H7H13H14.6667C15.403 3 16 3.59695 16 4.33333V5.16666H4V4.33333C4 3.59695 4.59695 3 5.33333 3ZM4 6.16666V13.6667C4 14.403 4.59695 15 5.33333 15H14.6667C15.403 15 16 14.403 16 13.6667V6.16666H4Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconCalendar.tsx
+const IconCalendar = withIcon({ name: "IconCalendar" }, /* @__PURE__ */ jsx("path", {
+	clipRule: "evenodd",
+	d: "M13.5 0.5C13.5 0.223858 13.2761 0 13 0C12.7239 0 12.5 0.223858 12.5 0.5V2H7.5V0.5C7.5 0.223858 7.27614 0 7 0C6.72386 0 6.5 0.223858 6.5 0.5V2H5.33333C4.04467 2 3 3.04467 3 4.33333V13.6667C3 14.9553 4.04467 16 5.33333 16H14.6667C15.9553 16 17 14.9553 17 13.6667V4.33333C17 3.04467 15.9553 2 14.6667 2H13.5V0.5ZM5.33333 3H7H13H14.6667C15.403 3 16 3.59695 16 4.33333V5.16666H4V4.33333C4 3.59695 4.59695 3 5.33333 3ZM4 6.16666V13.6667C4 14.403 4.59695 15 5.33333 15H14.6667C15.403 15 16 14.403 16 13.6667V6.16666H4Z",
+	fill: "currentColor",
+	fillRule: "evenodd"
+}));
+//#endregion
 export { IconCalendar };

package/dist/esm/packages/react/src/icons/IconCheck.js

@@ -1,20 +1,12 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconCheck = withIcon(
-  {
-    name: "IconCheck"
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M16.8719 3.16579C17.0565 3.37118 17.0396 3.68731 16.8342 3.87189L8.37588 12.3719C8.183 12.5452 7.8896 12.5423 7.70018 12.3652L3.32518 8.2743C3.12348 8.0857 3.11286 7.7693 3.30146 7.56759C3.49007 7.36589 3.80647 7.35528 4.00817 7.54388L8.04838 11.3217L16.1658 3.12811C16.3712 2.94353 16.6873 2.9604 16.8719 3.16579Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconCheck.tsx
+const IconCheck = withIcon({ name: "IconCheck" }, /* @__PURE__ */ jsx("path", {
+	clipRule: "evenodd",
+	d: "M16.8719 3.16579C17.0565 3.37118 17.0396 3.68731 16.8342 3.87189L8.37588 12.3719C8.183 12.5452 7.8896 12.5423 7.70018 12.3652L3.32518 8.2743C3.12348 8.0857 3.11286 7.7693 3.30146 7.56759C3.49007 7.36589 3.80647 7.35528 4.00817 7.54388L8.04838 11.3217L16.1658 3.12811C16.3712 2.94353 16.6873 2.9604 16.8719 3.16579Z",
+	fill: "currentColor",
+	fillRule: "evenodd"
+}));
+//#endregion
 export { IconCheck };

package/dist/esm/packages/react/src/icons/IconCircleCheckSolid.js

@@ -1,20 +1,13 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconCircleCheckSolid = withIcon(
-  {
-    name: "IconCircleCheckSolid",
-    viewBox: "0 0 512 512"
-  },
-  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z",
-      fill: "currentColor"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconCircleCheckSolid.tsx
+const IconCircleCheckSolid = withIcon({
+	name: "IconCircleCheckSolid",
+	viewBox: "0 0 512 512"
+}, /* @__PURE__ */ jsx("path", {
+	d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z",
+	fill: "currentColor"
+}));
+//#endregion
 export { IconCircleCheckSolid };

package/dist/esm/packages/react/src/icons/IconCircleExclamationSolid.js

@@ -1,20 +1,13 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconCircleExclamationSolid = withIcon(
-  {
-    name: "IconCircleExclamationSolid",
-    viewBox: "0 0 512 512"
-  },
-  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z",
-      fill: "currentColor"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconCircleExclamationSolid.tsx
+const IconCircleExclamationSolid = withIcon({
+	name: "IconCircleExclamationSolid",
+	viewBox: "0 0 512 512"
+}, /* @__PURE__ */ jsx("path", {
+	d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z",
+	fill: "currentColor"
+}));
+//#endregion
 export { IconCircleExclamationSolid };