@optiaxiom/react 0.1.0 → 0.2.1

package/dist/src/checkbox/Checkbox-css.js

@@ -1,11 +1,13 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/control-base/ControlBase.css.ts.vanilla-BEz0zQpD.css';
-import './../../assets/src/checkbox/Checkbox.css.ts.vanilla-DmEmg4Fg.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D_YmZiLz.css';
+import './../../assets/src/checkbox/Checkbox.css.ts.vanilla-v8ueXwNh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['_1sf6i23',{color:'neutral.00',mt:'2',rounded:'xs',size:'16'},'_67xr24']});
-var iconChecked = recipeRuntime({base:['_1lxq0kp']});
-var iconIndeterminate = recipeRuntime({base:['_1mrwd8w']});
+var checkbox = recipeRuntime({base:'_8f437s'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',mt:'2',rounded:'xs',size:'16'},'_1r6j2fg']});
+var icon = recipeRuntime({base:['_1y90mf7']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
+var input = recipeRuntime({base:'jyev48'});
 
-export { checkbox, iconChecked, iconIndeterminate, indicator };
+export { checkbox, control, icon, indicator, input };

package/dist/src/checkbox/Checkbox.js

@@ -1,26 +1,36 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { ControlBase } from '../control-base/ControlBase.js';
 import { IconCheck } from '../icons/IconCheck.js';
 import { IconMinus } from '../icons/IconMinus.js';
-import { checkbox, indicator, iconChecked, iconIndeterminate } from './Checkbox-css.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { ToggleInput } from '../toggle-input/ToggleInput.js';
+import { ToggleInputContent } from '../toggle-input-content/ToggleInputContent.js';
+import { ToggleInputControl } from '../toggle-input-control/ToggleInputControl.js';
+import { ToggleInputDescription } from '../toggle-input-description/ToggleInputDescription.js';
+import { ToggleInputHiddenInput } from '../toggle-input-hidden-input/ToggleInputHiddenInput.js';
+import { ToggleInputLabel } from '../toggle-input-label/ToggleInputLabel.js';
+import { checkbox, input, control, indicator, icon } from './Checkbox-css.js';
 
 const Checkbox = forwardRef(
-  ({ children, defaultChecked, description, id, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      ControlBase,
+  ({ children, className, description, indeterminate, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsxs(
+      ToggleInput,
       {
-        control: /* @__PURE__ */ jsx(Box, { asChild: true, ...checkbox(), children: /* @__PURE__ */ jsx(RadixCheckbox.Root, { defaultChecked, children: /* @__PURE__ */ jsx(Box, { asChild: true, ...indicator(), children: /* @__PURE__ */ jsxs(RadixCheckbox.Indicator, { children: [
-          /* @__PURE__ */ jsx(Box, { asChild: true, ...iconChecked(), children: /* @__PURE__ */ jsx(IconCheck, {}) }),
-          /* @__PURE__ */ jsx(Box, { asChild: true, ...iconIndeterminate(), children: /* @__PURE__ */ jsx(IconMinus, {}) })
-        ] }) }) }) }),
-        description,
-        id,
-        ref,
-        ...props,
-        children
+        description: !!description,
+        ...checkbox({}, className),
+        ...sprinkleProps,
+        children: [
+          /* @__PURE__ */ jsx(ToggleInputHiddenInput, { ref, ...input(), ...restProps }),
+          /* @__PURE__ */ jsx(ToggleInputControl, { ...control(), children: /* @__PURE__ */ jsx(Box, { ...indicator(), children: /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: indeterminate ? /* @__PURE__ */ jsx(IconMinus, {}) : /* @__PURE__ */ jsx(IconCheck, {}) }) }) }),
+          /* @__PURE__ */ jsxs(ToggleInputContent, { children: [
+            /* @__PURE__ */ jsx(ToggleInputLabel, { children }),
+            description && /* @__PURE__ */ jsx(ToggleInputDescription, { children: description })
+          ] })
+        ]
       }
     );
   }

package/dist/src/code/Code-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/code/Code.css.ts.vanilla-CP53j-Jc.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/code/Code.css.ts.vanilla-CgFRu84v.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'c8go2']});
+var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_6e5p5i']});
 
 export { code };

package/dist/src/dialog/Dialog.js

@@ -6,7 +6,6 @@ import { DialogContextProvider } from '../dialog-context/DialogContext.js';
 function Dialog({
   children,
   defaultOpen,
-  modal,
   onOpenChange,
   open: openProp,
   ...props
@@ -16,16 +15,7 @@ function Dialog({
     onChange: onOpenChange,
     prop: openProp
   });
-  return /* @__PURE__ */ jsx(
-    RadixDialog.Root,
-    {
-      modal,
-      onOpenChange: setOpen,
-      open,
-      ...props,
-      children: /* @__PURE__ */ jsx(DialogContextProvider, { open, children })
-    }
-  );
+  return /* @__PURE__ */ jsx(RadixDialog.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(DialogContextProvider, { open, children }) });
 }
 Dialog.displayName = "@optiaxiom/react/Dialog";
 

package/dist/src/dialog-body/DialogBody-css.js

@@ -1,7 +1,6 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/dialog-body/DialogBody.css.ts.vanilla-6I4GFoY3.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',pb:'md',pt:'lg',px:'lg'},'_1spz9s7']});
+var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',pb:'md',pt:'lg',px:'lg'}]});
 
 export { body };

package/dist/src/dialog-content/DialogContent-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-CuP-Hjp0.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/dialog-content/DialogContent.css.ts.vanilla-DYjXMRmn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:[{rounded:'full'},'_11ml7mu']});
-var content = recipeRuntime({base:[{bg:'bg.default',rounded:'lg',shadow:'md',z:'popover'},'du6br8'],variants:{size:{sm:'_4tcwt5',md:'_1rt2iib',lg:'zk0wz7'}}});
-var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'fud5pb']});
+var close = recipeRuntime({base:[{rounded:'full'},'dgkqoj']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',rounded:'lg',shadow:'md',z:'popover'},'_1f8afo'],variants:{size:{sm:'j0yw89',md:'_1iq1x68',lg:'hi7b7p'}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1egklxj']});
 
 export { close, content, overlay };

package/dist/src/dialog-footer/DialogFooter-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'md',justifyContent:'end',px:'lg',py:'20'}]});

package/dist/src/disclosure-content/DisclosureContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BqeurMvw.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-C_E7EWK6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{overflow:'hidden'},'_1sbcqc1']});
+var content = recipeRuntime({base:[{overflow:'hidden'},'qmrzgk']});
 
 export { content };

package/dist/src/disclosure-trigger/DisclosureTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-0sn-enS-.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-Ut0pM30M.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1kaw8ei',start:'p8rn8v'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_101kb7']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1opkqoa',start:'v9jya7'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_1yfpbmr']});
 
 export { icon, trigger };

package/dist/src/downshift/useCombobox.js

@@ -0,0 +1,11 @@
+import { useCombobox as useCombobox$1 } from 'downshift';
+import { usePortalPatch } from './usePortalPatch.js';
+
+function useCombobox(props) {
+  return useCombobox$1({
+    ...props,
+    ...usePortalPatch(props)
+  });
+}
+
+export { useCombobox };

package/dist/src/downshift/useForceRerender.js

@@ -0,0 +1,12 @@
+import { useState, useEffect } from 'react';
+
+function useForceRerender(state) {
+  const [, setState] = useState(false);
+  useEffect(() => {
+    if (state) {
+      setState((flag) => !flag);
+    }
+  }, [state]);
+}
+
+export { useForceRerender };

package/dist/src/downshift/usePortalPatch.js

@@ -0,0 +1,18 @@
+import { useDelayedState } from './useDelayedState.js';
+import { useForceRerender } from './useForceRerender.js';
+
+function usePortalPatch(props) {
+  const [highlightedIndex, setHighlightedIndex] = useDelayedState(
+    -1,
+    props.isOpen
+  );
+  useForceRerender(props.isOpen);
+  return {
+    highlightedIndex,
+    onHighlightedIndexChange({ highlightedIndex: highlightedIndex2 }) {
+      setHighlightedIndex(highlightedIndex2);
+    }
+  };
+}
+
+export { usePortalPatch };

package/dist/src/downshift/useSelect.js

@@ -0,0 +1,11 @@
+import { useSelect as useSelect$1 } from 'downshift';
+import { usePortalPatch } from './usePortalPatch.js';
+
+function useSelect(props) {
+  return useSelect$1({
+    ...props,
+    ...usePortalPatch(props)
+  });
+}
+
+export { useSelect };

package/dist/src/drawer/Drawer-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/drawer/Drawer.css.ts.vanilla-DWe4kLbE.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/drawer/Drawer.css.ts.vanilla-DGdVvYDM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:[{rounded:'full'},'_1yioncz']});
-var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_1bdjsab'],variants:{position:{bottom:[{borderT:'1'},'j3b4i8'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1wh6fft'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'tzviu8']}}});
-var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'bhi6hh']});
+var close = recipeRuntime({base:[{rounded:'full'},'qw3475']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_1otr5bo'],variants:{position:{bottom:[{borderT:'1'},'f899zu'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_7p566d'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'tp912t']}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'sq7cq5']});
 
 export { close, content, overlay };

package/dist/src/dropdown-menu-content/DropdownMenuContent.js

@@ -6,7 +6,16 @@ import { MenuContentBase } from '../menu-content-base/MenuContentBase.js';
 
 const DropdownMenuContent = forwardRef(({ align = "start", children, sideOffset = 2, ...props }, ref) => {
   const { open } = useDropdownMenuContext("DropdownMenuContent");
-  return /* @__PURE__ */ jsx(MenuContentBase, { open, ...props, children: /* @__PURE__ */ jsx(RadixMenu.Content, { align, ref, sideOffset, children }) });
+  return /* @__PURE__ */ jsx(
+    MenuContentBase,
+    {
+      enableExitAnimation: true,
+      open,
+      provider: "dropdown-menu",
+      ...props,
+      children: /* @__PURE__ */ jsx(RadixMenu.Content, { align, ref, sideOffset, children })
+    }
+  );
 });
 DropdownMenuContent.displayName = "@optiaxiom/react/DropdownMenuContent";
 

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

@@ -6,15 +6,24 @@ 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, { open, ...props, children: /* @__PURE__ */ jsx(
-    RadixMenu.SubContent,
+  return /* @__PURE__ */ jsx(
+    MenuContentBase,
     {
-      alignOffset,
-      ref,
-      sideOffset,
-      children
+      enableExitAnimation: true,
+      open,
+      provider: "dropdown-menu",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        RadixMenu.SubContent,
+        {
+          alignOffset,
+          ref,
+          sideOffset,
+          children
+        }
+      )
     }
-  ) });
+  );
 });
 DropdownMenuSubContent.displayName = "@optiaxiom/react/DropdownMenuSubContent";
 

package/dist/src/field/Field.js

@@ -1,7 +1,9 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+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';
@@ -9,20 +11,26 @@ 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,
-    id: idProp,
     info,
+    inputId: inputIdProp,
     label,
     required,
     ...props
   }, ref) => {
-    const id = useId(idProp);
+    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(
@@ -34,18 +42,21 @@ const Field = forwardRef(
             display: "flex",
             fontWeight: "400",
             gap: "2",
-            children: /* @__PURE__ */ jsxs(RadixLabel.Root, { htmlFor: id, children: [
+            children: /* @__PURE__ */ jsxs(RadixLabel.Root, { htmlFor: inputId, id: labelId, children: [
               label,
-              required && /* @__PURE__ */ jsx(
-                Text,
-                {
-                  "aria-hidden": "true",
-                  asChild: true,
-                  color: "fg.error",
-                  fontWeight: "400",
-                  children: /* @__PURE__ */ jsx("span", { children: "*" })
-                }
-              )
+              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" })
+              ] })
             ] })
           }
         ),
@@ -55,10 +66,11 @@ const Field = forwardRef(
             {
               "aria-label": "Information hover",
               border: "0",
-              h: "12",
+              color: "fg.secondary",
+              h: "16",
               icon: /* @__PURE__ */ jsx(IconCircleQuestion, {}),
               p: "0",
-              w: "12"
+              w: "16"
             }
           ) }),
           /* @__PURE__ */ jsx(HoverCardContent, { side: "top", sideOffset: 5, children: info })
@@ -68,15 +80,39 @@ const Field = forwardRef(
         FieldContext.Provider,
         {
           value: {
+            descriptionId: description ? descriptionId : void 0,
             error: !!error,
-            id,
-            required
+            errorId: error ? errorId : void 0,
+            inputId,
+            labelId: label ? labelId : void 0
           },
           children
         }
       ),
-      error && /* @__PURE__ */ jsx(Text, { color: "fg.error", fontSize: "sm", children: error }),
-      description && /* @__PURE__ */ jsx(Text, { color: "fg.tertiary", fontSize: "sm", children: description })
+      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) })
     ] });
   }
 );

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-C2rYzgoD.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-B0e1VBuB.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'},'_15wuvp2']});
+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'},'_13swsz6']});
 
 export { content };

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

@@ -1,11 +1,11 @@
 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 { theme } from '@optiaxiom/globals';
 import { Transition } from '../transition/Transition.js';
 import { content } from './HoverCardContent-css.js';
 

package/dist/src/icon/Icon.js

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

package/dist/src/icons/IconAngleDown.js

@@ -3,15 +3,16 @@ import { withIcon } from './withIcon.js';
 
 const IconAngleDown = withIcon(
   {
-    name: "IconAngleDown",
-    viewBox: "0 0 448 512"
+    fill: "none",
+    name: "IconAngleDown"
   },
-  // <!--!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: "M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z",
-      fill: "currentColor"
+      d: "M5 5.5L10 10.5L15 5.5",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }
   )
 );

package/dist/src/icons/IconAngleLeft.js

@@ -4,14 +4,12 @@ import { withIcon } from './withIcon.js';
 const IconAngleLeft = withIcon(
   {
     fill: "none",
-    height: 16,
-    name: "IconAngleLeft",
-    width: 20
+    name: "IconAngleLeft"
   },
   /* @__PURE__ */ jsx(
     "path",
     {
-      d: "M7.3832 8.34376L11.8832 13.3438C12.0707 13.5625 12.3832 13.5625 12.5707 13.375C12.7894 13.1875 12.7894 12.875 12.6019 12.6875L8.41445 8.00001L12.6019 3.34376C12.7894 3.15626 12.7894 2.84376 12.5707 2.65626C12.3832 2.46876 12.0707 2.46876 11.8832 2.68751L7.3832 7.65626C7.1957 7.87501 7.1957 8.15626 7.3832 8.34376Z",
+      d: "M12.5 13L7.5 8L12.5 3",
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round"

package/dist/src/icons/IconAngleRight.js

@@ -4,14 +4,12 @@ import { withIcon } from './withIcon.js';
 const IconAngleRight = withIcon(
   {
     fill: "none",
-    height: 16,
-    name: "IconAngleLeft",
-    width: 20
+    name: "IconAngleRight"
   },
   /* @__PURE__ */ jsx(
     "path",
     {
-      d: "M12.5982 8.34373L8.09825 13.3437C7.91075 13.5625 7.59825 13.5625 7.41075 13.375C7.192 13.1875 7.192 12.875 7.3795 12.6875L11.567 7.99998L7.3795 3.34373C7.192 3.15623 7.192 2.84373 7.41075 2.65623C7.59825 2.46873 7.91075 2.46873 8.09825 2.68748L12.5982 7.65623C12.7857 7.87498 12.7857 8.15623 12.5982 8.34373Z",
+      d: "M7.5 13L12.5 8L7.5 3",
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round"

package/dist/src/icons/IconCircleQuestion.js

@@ -3,15 +3,16 @@ import { withIcon } from './withIcon.js';
 
 const IconCircleQuestion = withIcon(
   {
-    height: 12,
-    name: "IconCircleQuestion",
-    width: 12
+    fill: "none",
+    name: "IconCircleQuestion"
   },
   /* @__PURE__ */ jsx(
     "path",
     {
-      d: "M5.99355 0.400024C2.8873 0.400024 0.393555 2.91565 0.393555 6.00002C0.393555 9.10627 2.8873 11.6 5.99355 11.6C9.07793 11.6 11.5936 9.10627 11.5936 6.00002C11.5936 2.91565 9.07793 0.400024 5.99355 0.400024ZM5.99355 10.9C3.28105 10.9 1.09355 8.71252 1.09355 6.00002C1.09355 3.3094 3.28105 1.10002 5.99355 1.10002C8.68418 1.10002 10.8936 3.3094 10.8936 6.00002C10.8936 8.71252 8.68418 10.9 5.99355 10.9ZM5.64355 7.92502C5.3373 7.92502 5.11855 8.16565 5.11855 8.45002C5.11855 8.75627 5.3373 8.97502 5.64355 8.97502C5.92793 8.97502 6.16855 8.75627 6.16855 8.45002C6.16855 8.16565 5.92793 7.92502 5.64355 7.92502ZM6.62793 3.20002H5.3373C4.52793 3.20002 3.89355 3.85627 3.89355 4.66565V4.86252C3.89355 5.0594 4.04668 5.21252 4.24355 5.21252C4.41855 5.21252 4.59355 5.0594 4.59355 4.86252V4.66565C4.59355 4.25002 4.92168 3.90002 5.3373 3.90002H6.62793C7.04355 3.90002 7.39355 4.25002 7.39355 4.66565C7.39355 4.92815 7.24043 5.19065 6.9998 5.3219L5.6873 5.97815C5.44668 6.1094 5.29355 6.3719 5.29355 6.65627V7.05002C5.29355 7.2469 5.44668 7.40002 5.64355 7.40002C5.81855 7.40002 5.99355 7.2469 5.99355 7.05002V6.65627C5.99355 6.6344 5.99355 6.61252 6.01543 6.59065L7.32793 5.9344C7.7873 5.6719 8.09355 5.19065 8.09355 4.66565C8.09355 3.85627 7.4373 3.20002 6.62793 3.20002Z",
-      fill: "currentColor"
+      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"
     }
   )
 );

package/dist/src/icons/IconMagnifyingGlass.js

@@ -1,17 +1,31 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { withIcon } from './withIcon.js';
 
 const IconMagnifyingGlass = withIcon(
   {
+    fill: "none",
     name: "IconMagnifyingGlass"
   },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M17.8428 15.1562L13.4053 10.75C14.4053 9.59375 14.9678 8.125 14.9678 6.5C14.9678 2.9375 12.0303 0 8.46777 0C4.87402 0 1.99902 2.9375 1.99902 6.5C1.99902 10.0938 4.90527 13 8.46777 13C10.0615 13 11.5303 12.4375 12.6865 11.4375L17.0928 15.875C17.2178 15.9688 17.3428 16 17.499 16C17.624 16 17.749 15.9688 17.8428 15.875C18.0303 15.6875 18.0303 15.3438 17.8428 15.1562ZM8.49902 12C5.43652 12 2.99902 9.53125 2.99902 6.5C2.99902 3.46875 5.43652 1 8.49902 1C11.5303 1 13.999 3.46875 13.999 6.5C13.999 9.5625 11.5303 12 8.49902 12Z",
-      fill: "currentColor"
-    }
-  )
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M8 13C11.3137 13 14 10.3137 14 7C14 3.68629 11.3137 1 8 1C4.68629 1 2 3.68629 2 7C2 10.3137 4.68629 13 8 13Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M16.5 15.5L12.5 11.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] })
 );
 
 export { IconMagnifyingGlass };

package/dist/src/icons/IconTriangleExclamation.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconTriangleExclamation = withIcon(
+  {
+    name: "IconTriangleExclamation",
+    viewBox: "0 0 20 16"
+  },
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M10 4.5685C10.2761 4.5685 10.5 4.79235 10.5 5.0685V9.7798C10.5 10.0559 10.2761 10.2798 10 10.2798C9.72386 10.2798 9.5 10.0559 9.5 9.7798V5.0685C9.5 4.79235 9.72386 4.5685 10 4.5685ZM9.5 12.0666C9.5 11.7905 9.72386 11.5666 10 11.5666H10.0077C10.2838 11.5666 10.5077 11.7905 10.5077 12.0666C10.5077 12.3427 10.2838 12.5666 10.0077 12.5666H10C9.72386 12.5666 9.5 12.3427 9.5 12.0666ZM3.07043 13.1814L9.54902 2.25762C9.59738 2.17777 9.66447 2.11288 9.74302 2.06821C9.82209 2.02325 9.91056 2 10 2C10.0894 2 10.1779 2.02325 10.257 2.06821C10.3355 2.11288 10.4026 2.17778 10.451 2.25763L16.9296 13.1814C16.9752 13.2634 16.9997 13.3565 17 13.4518C17.0003 13.5492 16.9753 13.6444 16.9282 13.7278C16.8811 13.8112 16.8139 13.8795 16.7343 13.9268C16.656 13.9733 16.5679 13.9983 16.4784 14H3.52155C3.4321 13.9983 3.34399 13.9733 3.26566 13.9268C3.18606 13.8795 3.1189 13.8112 3.07184 13.7278C3.02474 13.6444 2.99973 13.5492 3 13.4518C3.00027 13.3565 3.02476 13.2633 3.07043 13.1814ZM3.51456 15C3.24718 14.997 2.98523 14.9234 2.75477 14.7864C2.52431 14.6495 2.33337 14.4539 2.20095 14.2193C2.06854 13.9847 1.99926 13.7191 2.00001 13.449C2.00075 13.179 2.07151 12.9138 2.20522 12.6799L8.69066 1.74455C8.82716 1.51726 9.01936 1.32935 9.2487 1.19893C9.47805 1.06851 9.7368 1 10 1C10.2632 1 10.522 1.06851 10.7513 1.19893C10.9806 1.32935 11.1728 1.51726 11.3093 1.74455L17.7948 12.6799C17.9285 12.9138 17.9992 13.179 18 13.449C18.0007 13.7191 17.9315 13.9847 17.799 14.2193C17.6666 14.4539 17.4757 14.6495 17.2452 14.7864C17.0148 14.9234 16.7528 14.997 16.4854 15H3.51456Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  )
+);
+
+export { IconTriangleExclamation };