@optiaxiom/react 0.1.0-next.9 → 0.2.0

package/dist/src/dropdown-menu-item/DropdownMenuItem.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { MenuItemBase } from '../menu-item-base/MenuItemBase.js';
+
+const DropdownMenuItem = forwardRef(({ children, onSelect, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(MenuItemBase, { ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.Item, { onSelect, children }) });
+});
+DropdownMenuItem.displayName = "@optiaxiom/react/DropdownMenuItem";
+
+export { DropdownMenuItem };

package/dist/src/dropdown-menu-label/DropdownMenuLabel.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+
+const DropdownMenuLabel = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        asChild: true,
+        color: "fg.default",
+        fontSize: "md",
+        fontWeight: "600",
+        p: "xs",
+        ref,
+        ...props,
+        children: /* @__PURE__ */ jsx(RadixMenu.Label, { children })
+      }
+    );
+  }
+);
+DropdownMenuLabel.displayName = "@optiaxiom/react/DropdownMenuLabel";
+
+export { DropdownMenuLabel };

package/dist/src/dropdown-menu-separator/DropdownMenuSeparator.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { Separator } from '../separator/Separator.js';
+
+const DropdownMenuSeparator = forwardRef((props, ref) => /* @__PURE__ */ jsx(Separator, { asChild: true, bg: "border.secondary", mx: "-4", my: "2", ...props, children: /* @__PURE__ */ jsx(RadixMenu.Separator, { ref }) }));
+DropdownMenuSeparator.displayName = "@optiaxiom/react/DropdownMenuSeparator";
+
+export { DropdownMenuSeparator };

package/dist/src/dropdown-menu-sub/DropdownMenuSub.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { DropdownMenuSubContextProvider } from '../dropdown-menu-sub-context/DropdownMenuSubContext.js';
+
+function DropdownMenuSub({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const [open, setOpen] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsx(RadixMenu.Sub, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(DropdownMenuSubContextProvider, { open, children }) });
+}
+DropdownMenuSub.displayName = "@optiaxiom/react/DropdownMenuSub";
+
+export { DropdownMenuSub };

package/dist/src/dropdown-menu-sub-content/DropdownMenuSubContent.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { useDropdownMenuSubContext } from '../dropdown-menu-sub-context/DropdownMenuSubContext.js';
+import { MenuContentBase } from '../menu-content-base/MenuContentBase.js';
+
+const DropdownMenuSubContent = forwardRef(({ alignOffset = -4, children, sideOffset = 2, ...props }, ref) => {
+  const { open } = useDropdownMenuSubContext("DropdownMenuSubContent");
+  return /* @__PURE__ */ jsx(
+    MenuContentBase,
+    {
+      enableExitAnimation: true,
+      open,
+      provider: "dropdown-menu",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        RadixMenu.SubContent,
+        {
+          alignOffset,
+          ref,
+          sideOffset,
+          children
+        }
+      )
+    }
+  );
+});
+DropdownMenuSubContent.displayName = "@optiaxiom/react/DropdownMenuSubContent";
+
+export { DropdownMenuSubContent };

package/dist/src/dropdown-menu-sub-context/DropdownMenuSubContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [DropdownMenuSubContextProvider, useDropdownMenuSubContext] = createContext("DropdownMenuSub");
+
+export { DropdownMenuSubContextProvider, useDropdownMenuSubContext };

package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { IconAngleRight } from '../icons/IconAngleRight.js';
+import { MenuItemBase } from '../menu-item-base/MenuItemBase.js';
+
+const DropdownMenuSubTrigger = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(MenuItemBase, { addonAfter: /* @__PURE__ */ jsx(IconAngleRight, {}), ref, ...props, children: /* @__PURE__ */ jsx(RadixMenu.SubTrigger, { children }) });
+});
+DropdownMenuSubTrigger.displayName = "@optiaxiom/react/DropdownMenuSubTrigger";
+
+export { DropdownMenuSubTrigger };

package/dist/src/dropdown-menu-trigger/DropdownMenuTrigger.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { MenuButton } from '../menu-button/MenuButton.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const DropdownMenuTrigger = forwardRef(({ asChild, children, ...props }, ref) => {
+  const { restProps, sprinkleProps } = extractSprinkles(props);
+  return /* @__PURE__ */ jsx(RadixMenu.Trigger, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(MenuButton, { ...restProps, children }) });
+});
+DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
+
+export { DropdownMenuTrigger };

package/dist/src/field/Field.js

@@ -0,0 +1,121 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as RadixLabel from '@radix-ui/react-label';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import { useId } from '@reach/auto-id';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { Button } from '../button/Button.js';
+import { FieldContext } from '../field-context/FieldContext.js';
+import { Flex } from '../flex/Flex.js';
+import { HoverCard } from '../hover-card/HoverCard.js';
+import { HoverCardContent } from '../hover-card-content/HoverCardContent.js';
+import { HoverCardTrigger } from '../hover-card-trigger/HoverCardTrigger.js';
+import { IconCircleQuestion } from '../icons/IconCircleQuestion.js';
+import { IconTriangleExclamation } from '../icons/IconTriangleExclamation.js';
+import { Text } from '../text/Text.js';
+import '../utils/conditions.js';
+import { fallbackSpan } from '../utils/fallbackSpan.js';
+
+const Field = forwardRef(
+  ({
+    children,
+    description,
+    error,
+    info,
+    inputId: inputIdProp,
+    label,
+    required,
+    ...props
+  }, ref) => {
+    const inputId = useId(inputIdProp);
+    const descriptionId = useId();
+    const errorId = useId();
+    const labelId = useId();
+    return /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: "4", ref, ...props, children: [
+      label && /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "4", children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            alignItems: "center",
+            asChild: true,
+            color: "fg.secondary",
+            display: "flex",
+            fontWeight: "400",
+            gap: "2",
+            children: /* @__PURE__ */ jsxs(RadixLabel.Root, { htmlFor: inputId, id: labelId, children: [
+              label,
+              required && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    "aria-hidden": "true",
+                    asChild: true,
+                    color: "fg.error",
+                    fontWeight: "400",
+                    children: /* @__PURE__ */ jsx("span", { children: "*" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(VisuallyHidden, { children: "Required" })
+              ] })
+            ] })
+          }
+        ),
+        info && /* @__PURE__ */ jsxs(HoverCard, { keepOpenOnActivation: true, children: [
+          /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": "Information hover",
+              border: "0",
+              color: "fg.secondary",
+              h: "16",
+              icon: /* @__PURE__ */ jsx(IconCircleQuestion, {}),
+              p: "0",
+              w: "16"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(HoverCardContent, { side: "top", sideOffset: 5, children: info })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        FieldContext.Provider,
+        {
+          value: {
+            descriptionId: description ? descriptionId : void 0,
+            error: !!error,
+            errorId: error ? errorId : void 0,
+            inputId,
+            labelId: label ? labelId : void 0
+          },
+          children
+        }
+      ),
+      error && /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          alignItems: "start",
+          color: "fg.error",
+          flexDirection: "row",
+          fontSize: "sm",
+          gap: "4",
+          id: errorId,
+          role: "alert",
+          children: [
+            /* @__PURE__ */ jsx(Box, { asChild: true, flex: "none", mt: "2", children: /* @__PURE__ */ jsx(
+              IconTriangleExclamation,
+              {
+                "aria-label": "Error",
+                height: 12,
+                width: 14
+              }
+            ) }),
+            error
+          ]
+        }
+      ),
+      description && /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: fallbackSpan(description) })
+    ] });
+  }
+);
+Field.displayName = "@optiaxiom/react/Field";
+
+export { Field };

package/dist/src/field-context/FieldContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+const FieldContext = createContext(void 0);
+
+export { FieldContext };

package/dist/src/field-context/useFieldContext.js

@@ -0,0 +1,11 @@
+import { useContext } from 'react';
+import { FieldContext } from './FieldContext.js';
+
+const useFieldContext = (overrides = {}) => {
+  return {
+    ...useContext(FieldContext) ?? {},
+    ..."error" in overrides && typeof overrides.error !== "undefined" && { error: overrides.error }
+  };
+};
+
+export { useFieldContext };

package/dist/{flex → src/flex}/Flex.js

@@ -1,7 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { mapResponsiveValue } from '../sprinkles/sprinkles-css.js';
+import { mapResponsiveValue } from '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 
 const mapDirectionToAlign = {
   column: "stretch",

package/dist/{grid → src/grid}/Grid.js

@@ -3,7 +3,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 
 const Grid = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(Box, { cols: "1", display: "grid", gap: "md", ref, ...props });
+  return /* @__PURE__ */ jsx(Box, { display: "grid", gap: "md", gridTemplateColumns: "1", ref, ...props });
 });
 Grid.displayName = "@optiaxiom/react/Grid";
 

package/dist/{heading → src/heading}/Heading.js

@@ -20,9 +20,9 @@ const mapTagToFontSize = {
   h6: "md"
 };
 const Heading = forwardRef(
-  ({ asChild, children, level = "1", variant, ...props }, ref) => {
+  ({ appearance, asChild, children, level = "1", ...props }, ref) => {
     const Comp = asChild ? Slot : mapLevelToTag[level];
-    const fontSize = mapTagToFontSize[variant ?? mapLevelToTag[level]];
+    const fontSize = mapTagToFontSize[appearance ?? mapLevelToTag[level]];
     return /* @__PURE__ */ jsx(Text, { asChild: true, fontSize, fontWeight: "700", ref, ...props, children: /* @__PURE__ */ jsx(Comp, { children }) });
   }
 );

package/dist/src/hover-card/HoverCard.js

@@ -0,0 +1,41 @@
+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 { HoverCardContextProvider } from '../hover-card-context/HoverCardContext.js';
+
+function HoverCard({
+  children,
+  defaultOpen,
+  keepOpenOnActivation,
+  onOpenChange,
+  open: openProp,
+  openDelay = 500,
+  ...props
+}) {
+  const [open, setOpen] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsx(
+    RadixHoverCard.Root,
+    {
+      onOpenChange: setOpen,
+      open,
+      openDelay,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        HoverCardContextProvider,
+        {
+          keepOpenOnActivation,
+          open,
+          setOpen,
+          children
+        }
+      )
+    }
+  );
+}
+HoverCard.displayName = "@optiaxiom/react/HoverCard";
+
+export { HoverCard };

package/dist/src/hover-card-content/HoverCardContent-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
+import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-htO9pEH1.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'nex7rw']});
+
+export { content };

package/dist/src/hover-card-content/HoverCardContent.js

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { theme } from '@optiaxiom/globals';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import * as RadixHoverCard from '@radix-ui/react-hover-card';
+import { forwardRef, useRef } from 'react';
+import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
+import { Box } from '../box/Box.js';
+import { useHoverCardContext } from '../hover-card-context/HoverCardContext.js';
+import { Transition } from '../transition/Transition.js';
+import { content } from './HoverCardContent-css.js';
+
+const HoverCardContent = forwardRef(
+  ({
+    align = "center",
+    children,
+    className,
+    sideOffset = 2,
+    withArrow,
+    ...props
+  }, outerRef) => {
+    const innerRef = useRef(null);
+    const ref = useComposedRefs(innerRef, outerRef);
+    const { keepOpenOnActivation, open } = useHoverCardContext("HoverCardContent");
+    return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(RadixHoverCard.Portal, { children: /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({}, className), ...props, children: /* @__PURE__ */ jsxs(
+      RadixHoverCard.Content,
+      {
+        align,
+        onPointerDownOutside: keepOpenOnActivation ? (event) => {
+          if (innerRef.current?.contains(
+            event.target
+          ))
+            event.preventDefault();
+        } : void 0,
+        ref,
+        sideOffset,
+        children: [
+          children,
+          withArrow && /* @__PURE__ */ jsx(RadixHoverCard.Arrow, { asChild: true, children: /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              fill: theme.colors["bg.default"],
+              height: 4,
+              preserveAspectRatio: "none",
+              stroke: theme.colors["border.secondary"],
+              viewBox: "0 0 30 10",
+              width: 8,
+              children: [
+                /* @__PURE__ */ jsx("polygon", { points: "0,0 30,0 15,10" }),
+                /* @__PURE__ */ jsx(
+                  "polyline",
+                  {
+                    points: "0,0 15,10 30,0",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: "2.5"
+                  }
+                )
+              ]
+            }
+          ) })
+        ]
+      }
+    ) }) }) }) });
+  }
+);
+HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
+
+export { HoverCardContent };

package/dist/src/hover-card-context/HoverCardContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [HoverCardContextProvider, useHoverCardContext] = createContext("HoverCard");
+
+export { HoverCardContextProvider, useHoverCardContext };

package/dist/src/hover-card-trigger/HoverCardTrigger.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixHoverCard from '@radix-ui/react-hover-card';
+import { forwardRef } from 'react';
+import { useHoverCardContext } from '../hover-card-context/HoverCardContext.js';
+import { Link } from '../link/Link.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const HoverCardTrigger = forwardRef(({ asChild, children, ...props }, ref) => {
+  const { keepOpenOnActivation, setOpen } = useHoverCardContext("HoverCardTrigger");
+  const { restProps, sprinkleProps } = extractSprinkles(props);
+  return /* @__PURE__ */ jsx(
+    RadixHoverCard.Trigger,
+    {
+      asChild: true,
+      onClick: keepOpenOnActivation ? (event) => {
+        event.preventDefault();
+        setOpen(true);
+      } : void 0,
+      ref,
+      ...sprinkleProps,
+      children: asChild ? children : /* @__PURE__ */ jsx(Link, { cursor: "pointer", ...restProps, children })
+    }
+  );
+});
+HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
+
+export { HoverCardTrigger };

package/dist/src/icon/Icon.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+
+const Icon = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { h: "16", ref, w: "auto", ...props, children });
+  }
+);
+Icon.displayName = "@optiaxiom/react/Icon";
+
+export { Icon };

package/dist/src/icons/IconAngleDown.js

@@ -0,0 +1,20 @@
+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"
+    }
+  )
+);
+
+export { IconAngleDown };

package/dist/src/icons/IconAngleLeft.js

@@ -0,0 +1,20 @@
+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"
+    }
+  )
+);
+
+export { IconAngleLeft };

package/dist/src/icons/IconAngleRight.js

@@ -0,0 +1,20 @@
+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"
+    }
+  )
+);
+
+export { IconAngleRight };

package/dist/src/icons/IconCheck.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconCheck = withIcon(
+  {
+    fill: "none",
+    height: 8,
+    name: "IconCheck",
+    width: 12
+  },
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M1.5 3.47059L4.83333 7L10.5 1",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+
+export { IconCheck };

package/dist/src/icons/IconCircleCheckFilled.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconCircleCheckFilled = withIcon(
+  {
+    name: "IconCircleCheckFilled",
+    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"
+    }
+  )
+);
+
+export { IconCircleCheckFilled };

package/dist/src/icons/IconCircleExclamationFilled.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconCircleExclamationFilled = withIcon(
+  {
+    name: "IconCircleExclamationFilled",
+    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"
+    }
+  )
+);
+
+export { IconCircleExclamationFilled };

package/dist/src/icons/IconCircleInfoFilled.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconCircleInfoFilled = withIcon(
+  {
+    name: "IconCircleInfoFilled",
+    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 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z",
+      fill: "currentColor"
+    }
+  )
+);
+
+export { IconCircleInfoFilled };

package/dist/src/icons/IconCircleQuestion.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconCircleQuestion = withIcon(
+  {
+    fill: "none",
+    name: "IconCircleQuestion"
+  },
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7.963 5.9C8.12757 5.43217 8.45241 5.03768 8.87997 4.78639C9.30753 4.53511 9.81023 4.44326 10.299 4.5271C10.7878 4.61094 11.2312 4.86507 11.5506 5.24447C11.8699 5.62387 12.0447 6.10407 12.044 6.6C12.044 7.4523 11.2172 7.98486 10.6567 8.3786M10 9.575V8.84M10.6567 8.3786C10.424 8.54214 10 8.84 10 8.84M10.6567 8.3786L10 8.84M10 11.5H10.007M17 8C17 11.866 13.866 15 10 15C6.13401 15 3 11.866 3 8C3 4.13401 6.13401 1 10 1C13.866 1 17 4.13401 17 8Z",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+
+export { IconCircleQuestion };