@justanarthur/modo-ui 0.5.0 → 0.6.0-canary.0

package/dist/shared/{components-gc5vtq2f.js → components-gh0qeey3.js}

@@ -1,30 +1,33 @@
+"use client";
 import {
-  MorphSurface
-} from "./components-0q0sqfh4.js";
-import {
-  opensInPlace,
-  inPlaceOffset,
-  useMorphOrigin,
-  useMorph
-} from "./components-hqeq3w9q.js";
+  opensInPlace2,
+  inPlaceOffset2,
+  useMorphOrigin2,
+  useMorph2
+} from "./components-awra5sff.js";
 import {
   cn2
-} from "./components-ezxhrmer.js";
+} from "./components-jcnjay5g.js";
+import {
+  MorphSurface2
+} from "./components-4y816hwp.js";
+import {
+  useShape2
+} from "./components-78x40gee.js";
 import {
-  useShape
-} from "./components-cv16mryv.js";
+  slotRender2
+} from "./components-vfjc9jzz.js";
 import {
-  slotRender
-} from "./components-3ky44908.js";
+  SURFACE_BG2,
+  SURFACE_SHADOW2
+} from "./components-vf45j12c.js";
 import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
   useSurface2,
   SurfaceProvider2
-} from "./components-zx6b6yby.js";
+} from "./components-dhgk6mbt.js";
 import {
-  useControllableState
-} from "./components-n7mjr357.js";
+  useControllableState2
+} from "./components-tz1fv35x.js";
 
 // components/overlays/popover/index.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
@@ -38,7 +41,7 @@ import {
 import { jsx } from "react/jsx-runtime";
 var PopoverContext = createContext({ open: false, origin: { current: {} } });
 var PopoverTrigger2 = forwardRef(({ render, asChild, children, ...props }, ref) => {
-  const el = slotRender(render, asChild, children);
+  const el = slotRender2(render, asChild, children);
   return el ? /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
     ref,
     render: el,
@@ -51,7 +54,7 @@ var PopoverTrigger2 = forwardRef(({ render, asChild, children, ...props }, ref)
 });
 PopoverTrigger2.displayName = "PopoverTrigger";
 var PopoverClose2 = forwardRef(({ render, asChild, children, ...props }, ref) => {
-  const el = slotRender(render, asChild, children);
+  const el = slotRender2(render, asChild, children);
   return el ? /* @__PURE__ */ jsx(PopoverPrimitive.Close, {
     ref,
     render: el,
@@ -63,10 +66,21 @@ var PopoverClose2 = forwardRef(({ render, asChild, children, ...props }, ref) =>
   });
 });
 PopoverClose2.displayName = "PopoverClose";
+function anchorElement(anchor) {
+  const resolved = typeof anchor === "function" ? anchor() : anchor;
+  const el = resolved && "current" in resolved ? resolved.current : resolved;
+  return el instanceof HTMLElement ? el : null;
+}
 var PopoverContent2 = forwardRef(({
   side = "bottom",
   align,
   sideOffset = 12,
+  alignOffset,
+  anchor,
+  collisionPadding,
+  collisionBoundary,
+  initialFocus,
+  finalFocus,
   from,
   effect,
   hideSource,
@@ -77,28 +91,45 @@ var PopoverContent2 = forwardRef(({
   ...props
 }, ref) => {
   const { open, origin } = useContext(PopoverContext);
-  const morph = useMorph(open, origin, { from, effect, hideSource, tier });
-  const inPlace = opensInPlace({ effect, hideSource });
+  const anchorSource = useMemo(() => anchor ? {
+    get current() {
+      return anchorElement(anchor) ?? origin.current?.trigger ?? null;
+    }
+  } : undefined, [anchor, origin]);
+  const morph = useMorph2(open, origin, {
+    from: from ?? anchorSource,
+    effect,
+    hideSource,
+    tier,
+    returnFocus: typeof finalFocus === "boolean" ? finalFocus : finalFocus === undefined
+  });
+  const inPlace = opensInPlace2({ effect, hideSource });
   useImperativeHandle(ref, () => morph.popup, [morph.popup]);
-  const shape = useShape();
+  const shape = useShape2();
   const level = Math.min(useSurface2() + 2, 8);
   return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
     container: container ?? undefined,
     children: /* @__PURE__ */ jsx(PopoverPrimitive.Positioner, {
       side,
       align: align ?? (inPlace ? "start" : "center"),
-      sideOffset: inPlace ? inPlaceOffset : sideOffset,
+      sideOffset: inPlace ? inPlaceOffset2 : sideOffset,
+      alignOffset,
+      anchor,
+      collisionPadding,
+      collisionBoundary,
       className: "z-50 outline-none",
       children: /* @__PURE__ */ jsx(PopoverPrimitive.Popup, {
         ref: morph.popupRef,
+        initialFocus,
+        finalFocus,
         className: "relative outline-none",
         ...props,
         children: /* @__PURE__ */ jsx(SurfaceProvider2, {
           value: level,
-          children: /* @__PURE__ */ jsx(MorphSurface, {
+          children: /* @__PURE__ */ jsx(MorphSurface2, {
             morph,
-            bg: SURFACE_BG[level],
-            shadow: SURFACE_SHADOW[3],
+            bg: SURFACE_BG2[level],
+            shadow: SURFACE_SHADOW2[3],
             radius: shape.container,
             className: cn2("flex w-max max-w-[min(92vw,20rem)] flex-col gap-1 p-4", className),
             children
@@ -122,8 +153,8 @@ var PopoverDescription2 = forwardRef(({ className, ...props }, ref) => /* @__PUR
 }));
 PopoverDescription2.displayName = "PopoverDescription";
 function Popover2({ open, defaultOpen = false, onOpenChange, modal = false, children }) {
-  const [current, setCurrent] = useControllableState(open, defaultOpen, onOpenChange);
-  const { origin, capture } = useMorphOrigin();
+  const [current, setCurrent] = useControllableState2(open, defaultOpen);
+  const { origin, capture } = useMorphOrigin2();
   const ctx = useMemo(() => ({ open: current, origin }), [current, origin]);
   return /* @__PURE__ */ jsx(PopoverContext.Provider, {
     value: ctx,
@@ -131,6 +162,9 @@ function Popover2({ open, defaultOpen = false, onOpenChange, modal = false, chil
       open: current,
       modal,
       onOpenChange: (next, details) => {
+        onOpenChange?.(next, details);
+        if (details.isCanceled)
+          return;
         if (next)
           capture(details);
         setCurrent(next);

package/dist/shared/{components-39jq9va1.js → components-gvbapfen.js}

@@ -1,30 +1,35 @@
+"use client";
 import {
-  useShape
-} from "./components-cv16mryv.js";
+  useShape2
+} from "./components-78x40gee.js";
 import {
   cn2
-} from "./components-ezxhrmer.js";
+} from "./components-jcnjay5g.js";
 import {
   button_default
-} from "./components-b2wyq2cq.js";
+} from "./components-7d4r7hh1.js";
 import {
-  MorphPart2,
-  MorphSurface
-} from "./components-0q0sqfh4.js";
+  MorphPart2
+} from "./components-b1e239g3.js";
 import {
-  opensInPlace,
-  useMorphOrigin,
-  useMorph
-} from "./components-hqeq3w9q.js";
+  opensInPlace2,
+  useMorphOrigin2,
+  useMorph2
+} from "./components-awra5sff.js";
+import {
+  MorphSurface2
+} from "./components-4y816hwp.js";
+import {
+  SURFACE_BG2,
+  SURFACE_SHADOW2
+} from "./components-vf45j12c.js";
 import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
   useSurface2,
   SurfaceProvider2
-} from "./components-zx6b6yby.js";
+} from "./components-dhgk6mbt.js";
 import {
-  useControllableState
-} from "./components-n7mjr357.js";
+  useControllableState2
+} from "./components-tz1fv35x.js";
 
 // primitives/morph/index.tsx
 import { useState } from "react";
@@ -41,15 +46,15 @@ function Morph2({
   className,
   children
 }) {
-  const [shown, setShown] = useControllableState(open, defaultOpen, onOpenChange);
+  const [shown, setShown] = useControllableState2(open, defaultOpen, onOpenChange);
   const [mounted, setMounted] = useState(shown);
   if (shown && !mounted)
     setMounted(true);
-  const { origin, capture } = useMorphOrigin();
-  const morph = useMorph(shown, origin, { from, effect, tier, hideSource }, () => setMounted(false));
-  const shape = useShape();
+  const { origin, capture } = useMorphOrigin2();
+  const morph = useMorph2(shown, origin, { from, effect, tier, hideSource }, () => setMounted(false));
+  const shape = useShape2();
   const level = Math.min(useSurface2() + 2, 8);
-  const inPlace = opensInPlace({ effect, hideSource });
+  const inPlace = opensInPlace2({ effect, hideSource });
   return /* @__PURE__ */ jsxs("div", {
     className: cn2("relative inline-flex flex-col items-center", className),
     children: [
@@ -69,10 +74,10 @@ function Morph2({
         onClick: inPlace ? () => setShown(false) : undefined,
         children: /* @__PURE__ */ jsx(SurfaceProvider2, {
           value: level,
-          children: /* @__PURE__ */ jsx(MorphSurface, {
+          children: /* @__PURE__ */ jsx(MorphSurface2, {
             morph,
-            bg: SURFACE_BG[level],
-            shadow: SURFACE_SHADOW[level],
+            bg: SURFACE_BG2[level],
+            shadow: SURFACE_SHADOW2[level],
             radius: shape.container,
             className: "w-56 p-4",
             children

package/dist/shared/{components-5vgpnxgy.js → components-gzesg7hy.js}

@@ -1,23 +1,26 @@
+"use client";
 import {
-  defaultLocale,
-  hourCycleOf,
-  parseTimeText,
-  dividedColumns
-} from "./components-gz8zf3ec.js";
+  defaultLocale2,
+  hourCycleOf2,
+  parseTimeText2
+} from "./components-559tf7yb.js";
 import {
   cn2
-} from "./components-ezxhrmer.js";
+} from "./components-jcnjay5g.js";
 import {
-  useControllableState
-} from "./components-n7mjr357.js";
+  dividedColumns2
+} from "./components-1k0wv53d.js";
+import {
+  useControllableState2
+} from "./components-tz1fv35x.js";
 import {
   PickerShell,
   PickerInput
-} from "./components-s5ngg32c.js";
+} from "./components-paa08427.js";
 import {
   pad,
   TimeColumns
-} from "./components-mjthm1kf.js";
+} from "./components-egy4tyjt.js";
 
 // components/inputs/date-time/time-picker/index.tsx
 import { format, set } from "date-fns";
@@ -34,7 +37,7 @@ function TimePicker2({
   onValueChange,
   hourCycle,
   minuteStep = 1,
-  locale = defaultLocale,
+  locale = defaultLocale2,
   placeholder,
   disabled,
   variant,
@@ -50,8 +53,8 @@ function TimePicker2({
   tier,
   className
 }) {
-  const [value, setValue] = useControllableState(valueProp, defaultValue, onValueChange);
-  const [open, setOpen] = useControllableState(openProp, defaultOpen, onOpenChange);
+  const [value, setValue] = useControllableState2(valueProp, defaultValue, onValueChange);
+  const [open, setOpen] = useControllableState2(openProp, defaultOpen, onOpenChange);
   const input = useRef(null);
   const time = toTime(value);
   const formatted = time ? format(set(new Date, time), "p", { locale }) : "";
@@ -60,7 +63,7 @@ function TimePicker2({
       setValue(null);
       return true;
     }
-    const read = parseTimeText(text, locale);
+    const read = parseTimeText2(text, locale);
     if (!read)
       return false;
     setValue(toValue({ hours: read.getHours(), minutes: read.getMinutes() }));
@@ -94,11 +97,11 @@ function TimePicker2({
     tier,
     className,
     children: /* @__PURE__ */ jsx("div", {
-      className: cn2(dividedColumns, "h-56"),
+      className: cn2(dividedColumns2, "h-56"),
       children: /* @__PURE__ */ jsx(TimeColumns, {
         value: time,
         onValueChange: (next) => setValue(toValue(next)),
-        hourCycle: hourCycle ?? hourCycleOf(locale),
+        hourCycle: hourCycle ?? hourCycleOf2(locale),
         minuteStep,
         locale,
         orientation: "vertical",

package/dist/shared/components-h6p86be3.js

@@ -0,0 +1,19 @@
+// lib/popup.ts
+var popupScrollAreaClass2 = "min-h-0 flex-1 max-h-[inherit]";
+var popupViewportClass2 = "!h-auto max-h-[inherit] [&>div[style]]:!block [&>div[style]]:!min-w-0 [--scroll-fade-size:32px]";
+var POPUP_NAV_KEYS2 = [
+  "ArrowDown",
+  "ArrowUp",
+  "ArrowLeft",
+  "ArrowRight",
+  "Home",
+  "End",
+  "PageUp",
+  "PageDown",
+  "Tab"
+];
+function isDisabledRow2(el) {
+  return el.getAttribute("aria-disabled") === "true" || el.hasAttribute("data-disabled");
+}
+
+export { popupScrollAreaClass2, popupViewportClass2, POPUP_NAV_KEYS2, isDisabledRow2 };

package/dist/shared/components-h83az0bz.js

@@ -0,0 +1,33 @@
+"use client";
+import {
+  sizeMap2,
+  typeScale2
+} from "./components-34txk9rj.js";
+
+// lib/size-context.tsx
+import { createContext, useContext } from "react";
+function useTypeScale2(override) {
+  const variant = useSizeVariant2(override);
+  return {
+    display: typeScale2.display[variant],
+    title: typeScale2.title[variant],
+    subtitle: typeScale2.subtitle[variant],
+    body: typeScale2.body[variant],
+    caption: typeScale2.caption[variant]
+  };
+}
+var SizeContext2 = createContext(null);
+function useSizeVariant2(override) {
+  const ctx = useContext(SizeContext2);
+  return override ?? ctx?.size ?? "default";
+}
+function useSize2(override) {
+  return sizeMap2[useSizeVariant2(override)];
+}
+function useSizeContext2() {
+  const ctx = useContext(SizeContext2);
+  if (!ctx)
+    throw new Error("useSizeContext must be used within a SizeProvider");
+  return ctx;
+}
+export { useTypeScale2, SizeContext2, useSizeVariant2, useSize2, useSizeContext2 };

package/dist/shared/components-jjrj6ymn.js

@@ -0,0 +1,104 @@
+"use client";
+import {
+  FIELD_TEXT_INSET2
+} from "./components-124epb7f.js";
+import {
+  useSize2
+} from "./components-h83az0bz.js";
+import {
+  cn2
+} from "./components-jcnjay5g.js";
+import {
+  FieldStateContext2,
+  useFieldState2
+} from "./components-6zng858q.js";
+import {
+  slotRender2
+} from "./components-vfjc9jzz.js";
+import {
+  SizeProvider2
+} from "./components-dcc02hs2.js";
+import {
+  Label2
+} from "./components-adkarj8n.js";
+
+// components/inputs/field/index.tsx
+import { Field as BaseField } from "@base-ui/react/field";
+import {
+  forwardRef,
+  useMemo
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FieldLabel2({ children, visuallyHidden, className }) {
+  const field = useFieldState2();
+  return /* @__PURE__ */ jsx(BaseField.Label, {
+    render: /* @__PURE__ */ jsxs(Label2, {
+      invalid: field?.invalid,
+      className: cn2(visuallyHidden && "sr-only", className),
+      children: [
+        children,
+        field?.required && /* @__PURE__ */ jsx("span", {
+          "aria-hidden": "true",
+          children: " *"
+        })
+      ]
+    })
+  });
+}
+function FieldDescription2({ children, className }) {
+  const size = useSize2();
+  return /* @__PURE__ */ jsx(BaseField.Description, {
+    className: cn2("text-muted-foreground weight-normal data-[disabled]:opacity-50", size.variant === "compact" ? "text-caption-compact" : "text-caption", FIELD_TEXT_INSET2[size.variant], className),
+    children
+  });
+}
+function FieldError2({ children, match, className }) {
+  const size = useSize2();
+  const hasMessage = children != null && children !== false && children !== "";
+  return /* @__PURE__ */ jsx(BaseField.Error, {
+    match: match ?? (hasMessage || undefined),
+    className: cn2("text-destructive weight-medium", size.variant === "compact" ? "text-caption-compact" : "text-caption", FIELD_TEXT_INSET2[size.variant], "transition-opacity duration-fast data-[starting-style]:opacity-0 data-[ending-style]:opacity-0 data-[ending-style]:duration-fast-exit", className),
+    ...hasMessage ? { children } : {}
+  });
+}
+function FieldControl2({ render, asChild, children }) {
+  return /* @__PURE__ */ jsx(BaseField.Control, {
+    render: slotRender2(render, asChild, children)
+  });
+}
+function ProvideFieldState({ invalid, disabled, readOnly, required, children }) {
+  const state = useMemo(() => ({ active: false, invalid, disabled, readOnly, required }), [invalid, disabled, readOnly, required]);
+  return /* @__PURE__ */ jsx(FieldStateContext2.Provider, {
+    value: state,
+    children
+  });
+}
+var Field2 = forwardRef(({ invalid = false, disabled = false, readOnly = false, required = false, size, className, children, ...props }, ref) => {
+  const field = /* @__PURE__ */ jsx(BaseField.Root, {
+    ref,
+    invalid,
+    disabled,
+    className: cn2("flex min-w-0 flex-col gap-1", className),
+    render: (rootProps, rootState) => /* @__PURE__ */ jsx("div", {
+      ...rootProps,
+      children: /* @__PURE__ */ jsx(ProvideFieldState, {
+        invalid: invalid || rootState.valid === false,
+        disabled,
+        readOnly,
+        required,
+        children: rootProps.children
+      })
+    }),
+    ...props,
+    children
+  });
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
+    size,
+    children: field
+  }) : field;
+});
+Field2.displayName = "Field";
+Object.assign(Field2, { Label: FieldLabel2, Description: FieldDescription2, Error: FieldError2, Control: FieldControl2 });
+var field_default = Field2;
+
+export { FieldLabel2, FieldDescription2, FieldError2, FieldControl2, Field2, field_default };

package/dist/shared/{components-wvp1m52g.js → components-jp5v0m0f.js}

@@ -1,18 +1,19 @@
+"use client";
 import {
-  useShape
-} from "./components-cv16mryv.js";
+  useShape2
+} from "./components-78x40gee.js";
 import {
   useSizeVariant2
-} from "./components-0sn7ypjw.js";
+} from "./components-h83az0bz.js";
 import {
-  useControllableState
-} from "./components-n7mjr357.js";
+  spring2
+} from "./components-3ey0hzpb.js";
 import {
-  cn2
-} from "./components-ezxhrmer.js";
+  useControllableState2
+} from "./components-tz1fv35x.js";
 import {
-  spring2
-} from "./components-1v7rxytx.js";
+  cn2
+} from "./components-jcnjay5g.js";
 
 // components/inputs/slider/index.tsx
 import { Slider as SliderPrimitive } from "@base-ui/react/slider";
@@ -75,7 +76,7 @@ function ValueDisplay({
   isRange,
   isInteracting
 }) {
-  const shape = useShape();
+  const shape = useShape2();
   const [inputValue, setInputValue] = useState("");
   const inputRef = useRef(null);
   useEffect(() => {
@@ -181,7 +182,7 @@ function ValueDisplay({
   });
 }
 function TooltipValue({ value, formatValue, motionX }) {
-  const shape = useShape();
+  const shape = useShape2();
   const tooltipX = useTransform(motionX, (x) => x + THUMB_SIZE / 2);
   return /* @__PURE__ */ jsx(motion.div, {
     className: "absolute -translate-x-1/2 pointer-events-none z-20",
@@ -224,7 +225,7 @@ var CompactSlider = forwardRef(({
 }, ref) => {
   const isRange = Array.isArray(value);
   const values = toRadixValue(value);
-  const shape = useShape();
+  const shape = useShape2();
   const stepsKey = steps ? steps.join(",") : "";
   const stepValues = useMemo(() => {
     if (!stepsKey)
@@ -756,7 +757,7 @@ var ComfortableSlider = forwardRef(({
   const [hoverPreview, setHoverPreview] = useState(null);
   const [showHoverTooltip, setShowHoverTooltip] = useState(false);
   const hoverDelayRef = useRef(null);
-  const shape = useShape();
+  const shape = useShape2();
   useEffect(() => {
     if (isHovered) {
       hoverDelayRef.current = setTimeout(() => setShowHoverTooltip(true), 100);
@@ -1147,7 +1148,7 @@ var ComfortableSlider = forwardRef(({
 });
 ComfortableSlider.displayName = "SliderComfortable";
 var Slider2 = forwardRef(({ size, variant = "pips", value: valueProp, defaultValue, onChange: onChangeProp, ...rest }, ref) => {
-  const [value, onChange] = useControllableState(valueProp, defaultValue ?? (rest.steps && rest.steps.length > 0 ? Math.min(...rest.steps) : rest.min ?? 0), onChangeProp);
+  const [value, onChange] = useControllableState2(valueProp, defaultValue ?? (rest.steps && rest.steps.length > 0 ? Math.min(...rest.steps) : rest.min ?? 0), onChangeProp);
   const props = { ...rest, value, onChange };
   const resolved = useSizeVariant2(size);
   const needsCompactEngine = Array.isArray(props.value) || props.steps !== undefined || props.showSteps !== undefined || props.showValue !== undefined || props.valuePosition !== undefined || props.trackClassName !== undefined || props.trackStyle !== undefined || props.fillClassName !== undefined || props.fillStyle !== undefined || props.hideFill !== undefined || props.thumbColor !== undefined || props.thumbBorderColor !== undefined;

package/dist/shared/{components-zrkzcayz.js → components-jqpefjsn.js}

@@ -1,17 +1,28 @@
+"use client";
 // lib/icon-context.tsx
 import {
   ArrowDown,
   ArrowLeft,
   ArrowRight,
+  ArrowRightFromLine,
+  ArrowRightToLine,
   ArrowUp,
+  ArrowUpDown,
   Bell,
   Brain,
   Calendar,
   Check,
   ChevronDown,
+  ChevronLeft,
   ChevronRight,
+  ChevronsLeft,
+  ChevronsRight,
   ChevronsUpDown,
+  ChevronUp,
   Circle,
+  CircleAlert,
+  CircleCheck,
+  CircleQuestionMark,
   Clock,
   Copy,
   CornerDownLeft,
@@ -19,19 +30,27 @@ import {
   Dot,
   Ellipsis,
   EllipsisVertical,
+  Eye,
+  EyeOff,
+  File,
+  Flag,
   Folder,
+  FunnelX,
   Globe,
   Heart,
   Home,
   ImageIcon,
   Inbox,
+  Info,
   Lightbulb,
   Link,
   Loader,
+  LoaderCircle,
   Lock,
   Mail,
   Menu,
   MessageCircle,
+  Minus,
   Monitor,
   Moon,
   Paintbrush,
@@ -57,13 +76,39 @@ import {
   SquareLibrary,
   Star,
   Sun,
+  Timer,
+  Trash2,
+  TriangleAlert,
+  Upload,
   User,
   Users,
   X
 } from "lucide-react";
 import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-var defaultIcons = {
+var defaultIcons2 = {
+  "chevron-left": ChevronLeft,
+  "chevron-up": ChevronUp,
+  "chevrons-left": ChevronsLeft,
+  "chevrons-right": ChevronsRight,
+  "arrow-up-down": ArrowUpDown,
+  "circle-alert": CircleAlert,
+  "triangle-alert": TriangleAlert,
+  "circle-check": CircleCheck,
+  info: Info,
+  "circle-question-mark": CircleQuestionMark,
+  trash: Trash2,
+  eye: Eye,
+  "eye-off": EyeOff,
+  timer: Timer,
+  "arrow-right-from-line": ArrowRightFromLine,
+  "arrow-right-to-line": ArrowRightToLine,
+  "funnel-x": FunnelX,
+  flag: Flag,
+  "loader-circle": LoaderCircle,
+  minus: Minus,
+  upload: Upload,
+  file: File,
   "chevron-right": ChevronRight,
   "chevron-down": ChevronDown,
   pipette: Pipette,
@@ -126,16 +171,19 @@ var defaultIcons = {
   "sliders-horizontal": SlidersHorizontal
 };
 var IconContext = createContext(null);
-function useIcon(name) {
+function useIcon2(name) {
   const icons = useContext(IconContext);
-  return (icons ?? defaultIcons)[name];
+  return (icons ?? defaultIcons2)[name];
+}
+function useIcons2() {
+  const icons = useContext(IconContext);
+  return icons ?? defaultIcons2;
 }
 function IconProvider2({ children, icons }) {
-  const value = useMemo(() => ({ ...defaultIcons, ...icons }), [icons]);
+  const value = useMemo(() => ({ ...defaultIcons2, ...icons }), [icons]);
   return /* @__PURE__ */ jsx(IconContext.Provider, {
     value,
     children
   });
 }
-
-export { useIcon, IconProvider2 };
+export { defaultIcons2, useIcon2, useIcons2, IconProvider2 };