doodleui-react 0.3.0 → 0.4.0

package/dist/index.js

@@ -14,6 +14,12 @@ import * as ToastPrimitive from '@radix-ui/react-toast';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { Command as Command$1, CommandInput as CommandInput$1, CommandList as CommandList$1, CommandEmpty as CommandEmpty$1, CommandGroup as CommandGroup$1, CommandItem as CommandItem$1, CommandSeparator as CommandSeparator$1 } from 'cmdk';
 
 // src/types.ts
 function toRoughOptions(props) {
@@ -3697,7 +3703,1479 @@ var Stepper = forwardRef(
     );
   }
 );
+var Label2 = forwardRef(function Label3({
+  className,
+  style,
+  children,
+  required,
+  roughness,
+  seed,
+  sketchColor,
+  bowing,
+  strokeWidth,
+  animate,
+  ...rest
+}, ref) {
+  const ink = sketchColor ?? SKETCH_COLORS.ink;
+  const resolvedSeed = useResolvedSeed(seed);
+  const shouldAnimate = useAnimate(animate);
+  const markRef = useRef(null);
+  useDrawIn(markRef, DRAW_IN_MARK_MS, shouldAnimate);
+  return /* @__PURE__ */ jsxs(
+    LabelPrimitive.Root,
+    {
+      ref,
+      className: cn(className),
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 4,
+        fontFamily: doodleUiFontFamily,
+        fontSize: 13,
+        fontWeight: doodleUiFontWeight(600),
+        color: ink,
+        cursor: "default",
+        ...style
+      },
+      ...rest,
+      children: [
+        children,
+        required ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: markRef,
+            "aria-hidden": "true",
+            style: { position: "relative", width: 10, height: 10, flexShrink: 0 },
+            children: /* @__PURE__ */ jsx(
+              RoughSvg,
+              {
+                shape: "ellipse",
+                roughness: (roughness ?? 1.5) * 0.9,
+                seed: resolvedSeed,
+                sketchColor: SKETCH_COLORS.accent,
+                bowing,
+                fillStyle: "solid",
+                fill: SKETCH_COLORS.accent,
+                strokeWidth: strokeWidth ?? 1.2,
+                inset: 1
+              }
+            )
+          }
+        ) : null
+      ]
+    }
+  );
+});
+var CHEVRON_PATH4 = "M 6 4 L 12 10 L 6 16";
+var CollapsibleSketchContext = createContext(null);
+function useCollapsibleSketch() {
+  const ctx = useContext(CollapsibleSketchContext);
+  if (!ctx) {
+    throw new Error(
+      "Collapsible parts must be used inside <Collapsible>."
+    );
+  }
+  return ctx;
+}
+var Collapsible = forwardRef(
+  function Collapsible2({
+    className,
+    style,
+    children,
+    open,
+    defaultOpen,
+    onOpenChange,
+    disabled,
+    roughness,
+    seed,
+    sketchColor,
+    bowing,
+    fillStyle,
+    strokeWidth,
+    ...rest
+  }, ref) {
+    const resolvedSeed = useResolvedSeed(seed);
+    const ink = sketchColor ?? SKETCH_COLORS.ink;
+    const [uncontrolled, setUncontrolled] = useState(defaultOpen ?? false);
+    const isOpen = open ?? uncontrolled;
+    return /* @__PURE__ */ jsx(
+      CollapsibleSketchContext.Provider,
+      {
+        value: {
+          roughness,
+          seed: resolvedSeed,
+          sketchColor,
+          bowing,
+          fillStyle,
+          strokeWidth,
+          resolvedSeed,
+          ink,
+          open: isOpen
+        },
+        children: /* @__PURE__ */ jsx(
+          CollapsiblePrimitive.Root,
+          {
+            ref,
+            open: isOpen,
+            disabled,
+            className: cn(className),
+            style,
+            onOpenChange: (next) => {
+              setUncontrolled(next);
+              onOpenChange?.(next);
+            },
+            ...rest,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+var CollapsibleTrigger = forwardRef(function CollapsibleTrigger2({ className, style, children, ...rest }, ref) {
+  const sketch = useCollapsibleSketch();
+  return /* @__PURE__ */ jsxs(
+    CollapsiblePrimitive.Trigger,
+    {
+      ref,
+      className: cn(className),
+      style: {
+        display: "flex",
+        width: "100%",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 12,
+        padding: "10px 4px",
+        border: "none",
+        background: "transparent",
+        cursor: "pointer",
+        fontFamily: doodleUiFontFamily,
+        fontSize: 15,
+        fontWeight: doodleUiFontWeight(600),
+        color: sketch.ink,
+        textAlign: "left",
+        outline: "none",
+        ...style
+      },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("span", { children }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              position: "relative",
+              width: 18,
+              height: 18,
+              flexShrink: 0,
+              transform: sketch.open ? "rotate(90deg)" : "rotate(0deg)",
+              transition: "transform 180ms ease"
+            },
+            children: /* @__PURE__ */ jsx(
+              RoughSvg,
+              {
+                shape: "path",
+                path: CHEVRON_PATH4,
+                roughness: (sketch.roughness ?? 1.5) * 0.7,
+                seed: sketch.resolvedSeed,
+                sketchColor: sketch.ink,
+                bowing: sketch.bowing,
+                strokeWidth: (sketch.strokeWidth ?? 1.6) + 0.2,
+                inset: 0
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+var CollapsibleContent = forwardRef(function CollapsibleContent2({ className, style, children, ...rest }, ref) {
+  const sketch = useCollapsibleSketch();
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Content,
+    {
+      ref,
+      className: cn(className),
+      style: {
+        padding: "0 4px 12px",
+        fontFamily: doodleUiFontFamily,
+        fontSize: 14,
+        lineHeight: 1.5,
+        color: sketch.ink,
+        ...style
+      },
+      ...rest,
+      children
+    }
+  );
+});
+var PopoverSketchContext = createContext(
+  null
+);
+function usePopoverSketch() {
+  const ctx = useContext(PopoverSketchContext);
+  if (!ctx) {
+    throw new Error("Popover parts must be used inside <Popover>.");
+  }
+  return ctx;
+}
+function Popover({
+  children,
+  roughness,
+  seed,
+  sketchColor,
+  bowing,
+  fillStyle,
+  strokeWidth,
+  animate,
+  ...rest
+}) {
+  const resolvedSeed = useResolvedSeed(seed);
+  const ink = sketchColor ?? SKETCH_COLORS.ink;
+  return /* @__PURE__ */ jsx(
+    PopoverSketchContext.Provider,
+    {
+      value: {
+        roughness,
+        seed: resolvedSeed,
+        sketchColor,
+        bowing,
+        fillStyle,
+        strokeWidth,
+        resolvedSeed,
+        ink,
+        animate
+      },
+      children: /* @__PURE__ */ jsx(PopoverPrimitive.Root, { ...rest, children })
+    }
+  );
+}
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverClose = PopoverPrimitive.Close;
+var PopoverContent = forwardRef(
+  function PopoverContent2({ className, style, children, sideOffset = 8, ...rest }, ref) {
+    const sketch = usePopoverSketch();
+    return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+      PopoverPrimitive.Content,
+      {
+        ref,
+        sideOffset,
+        className: cn(className),
+        style: { zIndex: 80, outline: "none", ...style },
+        ...rest,
+        children: /* @__PURE__ */ jsx(
+          SketchBox,
+          {
+            roughness: sketch.roughness,
+            seed: sketch.resolvedSeed,
+            sketchColor: sketch.ink,
+            bowing: sketch.bowing,
+            fillStyle: sketch.fillStyle ?? "solid",
+            fill: "#f7f6f2",
+            strokeWidth: sketch.strokeWidth ?? 1.5,
+            shadow: true,
+            animate: sketch.animate,
+            contentStyle: { padding: "14px 16px", minWidth: 200 },
+            children
+          }
+        )
+      }
+    ) });
+  }
+);
+var PopoverArrow = forwardRef(
+  function PopoverArrow2(props, ref) {
+    const sketch = usePopoverSketch();
+    return /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { ref, fill: sketch.ink, ...props });
+  }
+);
+var DropdownMenuSketchContext = createContext(null);
+function useDropdownMenuSketch() {
+  const ctx = useContext(DropdownMenuSketchContext);
+  if (!ctx) {
+    throw new Error(
+      "DropdownMenu parts must be used inside <DropdownMenu>."
+    );
+  }
+  return ctx;
+}
+function DropdownMenu({
+  children,
+  roughness,
+  seed,
+  sketchColor,
+  bowing,
+  fillStyle,
+  strokeWidth,
+  animate,
+  ...rest
+}) {
+  const resolvedSeed = useResolvedSeed(seed);
+  const ink = sketchColor ?? SKETCH_COLORS.ink;
+  return /* @__PURE__ */ jsx(
+    DropdownMenuSketchContext.Provider,
+    {
+      value: {
+        roughness,
+        seed: resolvedSeed,
+        sketchColor,
+        bowing,
+        fillStyle,
+        strokeWidth,
+        resolvedSeed,
+        ink,
+        animate
+      },
+      children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { ...rest, children })
+    }
+  );
+}
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuContent = forwardRef(function DropdownMenuContent2({ className, style, children, sideOffset = 6, align = "start", ...rest }, ref) {
+  const sketch = useDropdownMenuSketch();
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      align,
+      className: cn(className),
+      style: { zIndex: 80, outline: "none", minWidth: 180, ...style },
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        SketchBox,
+        {
+          roughness: sketch.roughness,
+          seed: sketch.resolvedSeed,
+          sketchColor: sketch.ink,
+          bowing: sketch.bowing,
+          fillStyle: sketch.fillStyle ?? "solid",
+          fill: "#f7f6f2",
+          strokeWidth: sketch.strokeWidth ?? 1.5,
+          shadow: true,
+          animate: sketch.animate,
+          contentStyle: { padding: "6px 4px" },
+          children
+        }
+      )
+    }
+  ) });
+});
+function useMark(highlighted) {
+  const sketch = useDropdownMenuSketch();
+  return { sketch, mark: highlighted };
+}
+var DropdownMenuItem = forwardRef(function DropdownMenuItem2({ className, style, children, inset, ...rest }, ref) {
+  const [highlighted, setHighlighted] = useState(false);
+  const { sketch, mark } = useMark(highlighted);
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.Item,
+    {
+      ref,
+      className: cn(className),
+      onPointerMove: () => setHighlighted(true),
+      onPointerLeave: () => setHighlighted(false),
+      onFocus: () => setHighlighted(true),
+      onBlur: () => setHighlighted(false),
+      style: {
+        position: "relative",
+        display: "flex",
+        alignItems: "center",
+        gap: 8,
+        padding: inset ? "7px 12px 7px 26px" : "7px 12px",
+        fontFamily: doodleUiFontFamily,
+        fontSize: 14,
+        color: sketch.ink,
+        outline: "none",
+        cursor: "pointer",
+        userSelect: "none",
+        ...style
+      },
+      ...rest,
+      children: [
+        mark ? /* @__PURE__ */ jsx(
+          RoughSvg,
+          {
+            shape: "line",
+            roughness: (sketch.roughness ?? 1.5) + 0.4,
+            seed: sketch.resolvedSeed,
+            sketchColor: sketch.ink,
+            bowing: sketch.bowing ?? 1.6,
+            strokeWidth: 1.3,
+            inset: 4,
+            style: { opacity: 0.4 }
+          }
+        ) : null,
+        /* @__PURE__ */ jsx("span", { style: { position: "relative", zIndex: 1 }, children })
+      ]
+    }
+  );
+});
+var CHECK_PATH2 = "M 2 6 L 5 9 L 10 3";
+var DropdownMenuCheckboxItem = forwardRef(function DropdownMenuCheckboxItem2({ className, style, children, checked, ...rest }, ref) {
+  const [highlighted, setHighlighted] = useState(false);
+  const { sketch, mark } = useMark(highlighted);
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      ref,
+      checked,
+      className: cn(className),
+      onPointerMove: () => setHighlighted(true),
+      onPointerLeave: () => setHighlighted(false),
+      style: {
+        position: "relative",
+        display: "flex",
+        alignItems: "center",
+        gap: 8,
+        padding: "7px 12px 7px 26px",
+        fontFamily: doodleUiFontFamily,
+        fontSize: 14,
+        color: sketch.ink,
+        outline: "none",
+        cursor: "pointer",
+        userSelect: "none",
+        ...style
+      },
+      ...rest,
+      children: [
+        mark ? /* @__PURE__ */ jsx(
+          RoughSvg,
+          {
+            shape: "line",
+            roughness: (sketch.roughness ?? 1.5) + 0.4,
+            seed: sketch.resolvedSeed,
+            sketchColor: sketch.ink,
+            bowing: sketch.bowing ?? 1.6,
+            strokeWidth: 1.3,
+            inset: 4,
+            style: { opacity: 0.4 }
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              position: "relative",
+              width: 12,
+              height: 12,
+              flexShrink: 0,
+              marginLeft: -18
+            },
+            children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(
+              RoughSvg,
+              {
+                shape: "path",
+                path: CHECK_PATH2,
+                roughness: (sketch.roughness ?? 1.5) * 0.7,
+                seed: deriveSeed(sketch.resolvedSeed, "checkbox-mark"),
+                sketchColor: SKETCH_COLORS.accent,
+                bowing: sketch.bowing,
+                strokeWidth: 1.6,
+                inset: 0
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { style: { position: "relative", zIndex: 1 }, children })
+      ]
+    }
+  );
+});
+var DropdownMenuRadioItem = forwardRef(function DropdownMenuRadioItem2({ className, style, children, ...rest }, ref) {
+  const [highlighted, setHighlighted] = useState(false);
+  const { sketch, mark } = useMark(highlighted);
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      ref,
+      className: cn(className),
+      onPointerMove: () => setHighlighted(true),
+      onPointerLeave: () => setHighlighted(false),
+      style: {
+        position: "relative",
+        display: "flex",
+        alignItems: "center",
+        gap: 8,
+        padding: "7px 12px 7px 26px",
+        fontFamily: doodleUiFontFamily,
+        fontSize: 14,
+        color: sketch.ink,
+        outline: "none",
+        cursor: "pointer",
+        userSelect: "none",
+        ...style
+      },
+      ...rest,
+      children: [
+        mark ? /* @__PURE__ */ jsx(
+          RoughSvg,
+          {
+            shape: "line",
+            roughness: (sketch.roughness ?? 1.5) + 0.4,
+            seed: sketch.resolvedSeed,
+            sketchColor: sketch.ink,
+            bowing: sketch.bowing ?? 1.6,
+            strokeWidth: 1.3,
+            inset: 4,
+            style: { opacity: 0.4 }
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              position: "relative",
+              width: 8,
+              height: 8,
+              flexShrink: 0,
+              marginLeft: -18
+            },
+            children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(
+              RoughSvg,
+              {
+                shape: "ellipse",
+                roughness: (sketch.roughness ?? 1.5) * 0.8,
+                seed: deriveSeed(sketch.resolvedSeed, "radio-mark"),
+                sketchColor: SKETCH_COLORS.accent,
+                bowing: sketch.bowing,
+                fillStyle: "solid",
+                fill: SKETCH_COLORS.accent,
+                strokeWidth: 1.2,
+                inset: 0
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { style: { position: "relative", zIndex: 1 }, children })
+      ]
+    }
+  );
+});
+var DropdownMenuLabel = forwardRef(function DropdownMenuLabel2({ className, style, children, ...rest }, ref) {
+  const sketch = useDropdownMenuSketch();
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Label,
+    {
+      ref,
+      className: cn(className),
+      style: {
+        padding: "6px 12px",
+        fontFamily: doodleUiFontFamily,
+        fontSize: 12,
+        fontWeight: 700,
+        color: sketch.ink,
+        opacity: 0.6,
+        textTransform: "uppercase",
+        letterSpacing: 0.4,
+        ...style
+      },
+      ...rest,
+      children
+    }
+  );
+});
+var DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator2({ className, style, ...rest }, ref) {
+  const sketch = useDropdownMenuSketch();
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Separator,
+    {
+      ref,
+      className: cn(className),
+      style: { position: "relative", height: 10, margin: "2px 0", ...style },
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        RoughSvg,
+        {
+          shape: "line",
+          roughness: (sketch.roughness ?? 1.5) + 0.2,
+          seed: deriveSeed(sketch.resolvedSeed, "separator"),
+          sketchColor: sketch.ink,
+          bowing: sketch.bowing ?? 1.8,
+          strokeWidth: 1.2,
+          inset: 6,
+          style: { opacity: 0.5 }
+        }
+      )
+    }
+  );
+});
+var DialogSketchContext = createContext(
+  null
+);
+function useDialogSketch() {
+  const ctx = useContext(DialogSketchContext);
+  if (!ctx) {
+    throw new Error("Dialog parts must be used inside <Dialog>.");
+  }
+  return ctx;
+}
+function Dialog2({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  roughness,
+  seed,
+  sketchColor,
+  bowing,
+  fillStyle,
+  strokeWidth,
+  animate,
+  ...rest
+}) {
+  const resolvedSeed = useResolvedSeed(seed);
+  const ink = sketchColor ?? SKETCH_COLORS.ink;
+  const [uncontrolled, setUncontrolled] = useState(defaultOpen === true);
+  const isOpen = open ?? uncontrolled;
+  return /* @__PURE__ */ jsx(
+    DialogSketchContext.Provider,
+    {
+      value: {
+        roughness,
+        seed: resolvedSeed,
+        sketchColor,
+        bowing,
+        fillStyle,
+        strokeWidth,
+        resolvedSeed,
+        ink,
+        animate,
+        open: isOpen
+      },
+      children: /* @__PURE__ */ jsx(
+        Dialog.Root,
+        {
+          open: isOpen,
+          onOpenChange: (next) => {
+            setUncontrolled(next);
+            onOpenChange?.(next);
+          },
+          ...rest,
+          children
+        }
+      )
+    }
+  );
+}
+var DialogTrigger = Dialog.Trigger;
+var DialogPortal = Dialog.Portal;
+var DialogClose = Dialog.Close;
+var DialogOverlay = forwardRef(
+  function DialogOverlay2({ style, ...rest }, ref) {
+    const sketch = useDialogSketch();
+    const shouldAnimate = useAnimate(sketch.animate);
+    return /* @__PURE__ */ jsx(Dialog.Overlay, { ref, asChild: true, forceMount: true, ...rest, children: /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: shouldAnimate ? { opacity: 0 } : false,
+        animate: { opacity: 1 },
+        exit: shouldAnimate ? { opacity: 0 } : void 0,
+        transition: shouldAnimate ? { duration: 0.2, ease: "easeOut" } : { duration: 0 },
+        style: {
+          position: "fixed",
+          inset: 0,
+          background: "rgba(31, 29, 26, 0.38)",
+          zIndex: 70,
+          ...style
+        }
+      }
+    ) });
+  }
+);
+var DialogContent = forwardRef(
+  function DialogContent2({ className, style, contentStyle, children, ...rest }, ref) {
+    const sketch = useDialogSketch();
+    const shouldAnimate = useAnimate(sketch.animate);
+    return /* @__PURE__ */ jsx(AnimatePresence, { children: sketch.open ? /* @__PURE__ */ jsxs(Dialog.Portal, { forceMount: true, children: [
+      /* @__PURE__ */ jsx(DialogOverlay, {}),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            position: "fixed",
+            inset: 0,
+            zIndex: 80,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            pointerEvents: "none",
+            padding: 16
+          },
+          children: /* @__PURE__ */ jsx(Dialog.Content, { ref, asChild: true, forceMount: true, ...rest, children: /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: cn(className),
+              initial: shouldAnimate ? { opacity: 0, scale: 0.96, y: 10 } : false,
+              animate: { opacity: 1, scale: 1, y: 0 },
+              exit: shouldAnimate ? { opacity: 0, scale: 0.96, y: 8 } : void 0,
+              transition: shouldAnimate ? { duration: 0.22, ease: "easeOut" } : { duration: 0 },
+              style: {
+                width: "min(420px, calc(100vw - 32px))",
+                outline: "none",
+                pointerEvents: "auto",
+                ...style
+              },
+              children: /* @__PURE__ */ jsx(
+                SketchBox,
+                {
+                  roughness: sketch.roughness,
+                  seed: sketch.resolvedSeed,
+                  sketchColor: sketch.ink,
+                  bowing: sketch.bowing,
+                  fillStyle: sketch.fillStyle ?? "solid",
+                  fill: "#f7f6f2",
+                  strokeWidth: sketch.strokeWidth ?? 2,
+                  animate: sketch.animate,
+                  contentStyle: { padding: 20, ...contentStyle },
+                  children
+                }
+              )
+            }
+          ) })
+        }
+      )
+    ] }) : null });
+  }
+);
+function DialogHeader({ children, className, style }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(className),
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 6,
+        marginBottom: 12,
+        ...style
+      },
+      children
+    }
+  );
+}
+function DialogFooter({ children, className, style }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(className),
+      style: {
+        display: "flex",
+        justifyContent: "flex-end",
+        gap: 8,
+        marginTop: 16,
+        ...style
+      },
+      children
+    }
+  );
+}
+var DialogTitle = forwardRef(
+  function DialogTitle2({ style, ...rest }, ref) {
+    const sketch = useDialogSketch();
+    return /* @__PURE__ */ jsx(
+      Dialog.Title,
+      {
+        ref,
+        style: {
+          margin: 0,
+          fontSize: 18,
+          fontWeight: doodleUiFontWeight(700),
+          fontFamily: doodleUiFontFamily,
+          color: sketch.ink,
+          ...style
+        },
+        ...rest
+      }
+    );
+  }
+);
+var DialogDescription = forwardRef(function DialogDescription2({ style, ...rest }, ref) {
+  const sketch = useDialogSketch();
+  return /* @__PURE__ */ jsx(
+    Dialog.Description,
+    {
+      ref,
+      style: {
+        margin: 0,
+        fontSize: 14,
+        lineHeight: 1.5,
+        fontFamily: doodleUiFontFamily,
+        color: sketch.ink,
+        opacity: 0.8,
+        ...style
+      },
+      ...rest
+    }
+  );
+});
+var AlertDialogSketchContext = createContext(null);
+function useAlertDialogSketch() {
+  const ctx = useContext(AlertDialogSketchContext);
+  if (!ctx) {
+    throw new Error(
+      "AlertDialog parts must be used inside <AlertDialog>."
+    );
+  }
+  return ctx;
+}
+function AlertDialog({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  roughness,
+  seed,
+  sketchColor,
+  bowing,
+  fillStyle,
+  strokeWidth,
+  animate,
+  ...rest
+}) {
+  const resolvedSeed = useResolvedSeed(seed);
+  const ink = sketchColor ?? SKETCH_COLORS.ink;
+  const [uncontrolled, setUncontrolled] = useState(defaultOpen === true);
+  const isOpen = open ?? uncontrolled;
+  return /* @__PURE__ */ jsx(
+    AlertDialogSketchContext.Provider,
+    {
+      value: {
+        roughness,
+        seed: resolvedSeed,
+        sketchColor,
+        bowing,
+        fillStyle,
+        strokeWidth,
+        resolvedSeed,
+        ink,
+        animate,
+        open: isOpen
+      },
+      children: /* @__PURE__ */ jsx(
+        AlertDialogPrimitive.Root,
+        {
+          open: isOpen,
+          onOpenChange: (next) => {
+            setUncontrolled(next);
+            onOpenChange?.(next);
+          },
+          ...rest,
+          children
+        }
+      )
+    }
+  );
+}
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = forwardRef(function AlertDialogOverlay2({ style, ...rest }, ref) {
+  const sketch = useAlertDialogSketch();
+  const shouldAnimate = useAnimate(sketch.animate);
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, { ref, asChild: true, forceMount: true, ...rest, children: /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: shouldAnimate ? { opacity: 0 } : false,
+      animate: { opacity: 1 },
+      exit: shouldAnimate ? { opacity: 0 } : void 0,
+      transition: shouldAnimate ? { duration: 0.2, ease: "easeOut" } : { duration: 0 },
+      style: {
+        position: "fixed",
+        inset: 0,
+        background: "rgba(31, 29, 26, 0.38)",
+        zIndex: 70,
+        ...style
+      }
+    }
+  ) });
+});
+var AlertDialogContent = forwardRef(function AlertDialogContent2({ className, style, contentStyle, children, ...rest }, ref) {
+  const sketch = useAlertDialogSketch();
+  const shouldAnimate = useAnimate(sketch.animate);
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: sketch.open ? /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { forceMount: true, children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 80,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          pointerEvents: "none",
+          padding: 16
+        },
+        children: /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, { ref, asChild: true, forceMount: true, ...rest, children: /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            className: cn(className),
+            initial: shouldAnimate ? { opacity: 0, scale: 0.96, y: 10 } : false,
+            animate: { opacity: 1, scale: 1, y: 0 },
+            exit: shouldAnimate ? { opacity: 0, scale: 0.96, y: 8 } : void 0,
+            transition: shouldAnimate ? { duration: 0.22, ease: "easeOut" } : { duration: 0 },
+            style: {
+              width: "min(420px, calc(100vw - 32px))",
+              outline: "none",
+              pointerEvents: "auto",
+              ...style
+            },
+            children: /* @__PURE__ */ jsx(
+              SketchBox,
+              {
+                roughness: sketch.roughness,
+                seed: sketch.resolvedSeed,
+                sketchColor: sketch.ink,
+                bowing: sketch.bowing,
+                fillStyle: sketch.fillStyle ?? "solid",
+                fill: "#f7f6f2",
+                strokeWidth: sketch.strokeWidth ?? 2,
+                animate: sketch.animate,
+                contentStyle: { padding: 20, ...contentStyle },
+                children
+              }
+            )
+          }
+        ) })
+      }
+    )
+  ] }) : null });
+});
+function AlertDialogHeader({
+  children,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(className),
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 6,
+        marginBottom: 12,
+        ...style
+      },
+      children
+    }
+  );
+}
+function AlertDialogFooter({
+  children,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(className),
+      style: {
+        display: "flex",
+        justifyContent: "flex-end",
+        gap: 8,
+        marginTop: 16,
+        ...style
+      },
+      children
+    }
+  );
+}
+var AlertDialogTitle = forwardRef(function AlertDialogTitle2({ style, ...rest }, ref) {
+  const sketch = useAlertDialogSketch();
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    {
+      ref,
+      style: {
+        margin: 0,
+        fontSize: 18,
+        fontWeight: doodleUiFontWeight(700),
+        fontFamily: doodleUiFontFamily,
+        color: sketch.ink,
+        ...style
+      },
+      ...rest
+    }
+  );
+});
+var AlertDialogDescription = forwardRef(function AlertDialogDescription2({ style, ...rest }, ref) {
+  const sketch = useAlertDialogSketch();
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    {
+      ref,
+      style: {
+        margin: 0,
+        fontSize: 14,
+        lineHeight: 1.5,
+        fontFamily: doodleUiFontFamily,
+        color: sketch.ink,
+        opacity: 0.8,
+        ...style
+      },
+      ...rest
+    }
+  );
+});
+var AlertDialogAction = forwardRef(function AlertDialogAction2({ children, ...rest }, ref) {
+  const sketch = useAlertDialogSketch();
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { asChild: true, children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant: "primary",
+      sketchColor: sketch.sketchColor,
+      roughness: sketch.roughness,
+      seed: sketch.resolvedSeed,
+      bowing: sketch.bowing,
+      animate: sketch.animate,
+      ...rest,
+      children
+    }
+  ) });
+});
+var AlertDialogCancel = forwardRef(function AlertDialogCancel2({ children, ...rest }, ref) {
+  const sketch = useAlertDialogSketch();
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant: "outline",
+      sketchColor: sketch.sketchColor,
+      roughness: sketch.roughness,
+      seed: sketch.resolvedSeed,
+      bowing: sketch.bowing,
+      animate: sketch.animate,
+      ...rest,
+      children
+    }
+  ) });
+});
+var CommandSketchContext = createContext(
+  null
+);
+function useCommandSketch() {
+  const ctx = useContext(CommandSketchContext);
+  if (!ctx) {
+    throw new Error("Command parts must be used inside <Command>.");
+  }
+  return ctx;
+}
+var Command = forwardRef(
+  function Command2({
+    className,
+    style,
+    children,
+    roughness,
+    seed,
+    sketchColor,
+    bowing,
+    fillStyle,
+    strokeWidth,
+    animate,
+    ...rest
+  }, ref) {
+    const resolvedSeed = useResolvedSeed(seed);
+    const ink = sketchColor ?? SKETCH_COLORS.ink;
+    return /* @__PURE__ */ jsx(
+      CommandSketchContext.Provider,
+      {
+        value: {
+          roughness,
+          seed: resolvedSeed,
+          sketchColor,
+          bowing,
+          fillStyle,
+          strokeWidth,
+          resolvedSeed,
+          ink,
+          animate
+        },
+        children: /* @__PURE__ */ jsx(
+          SketchBox,
+          {
+            className: cn(className),
+            style,
+            roughness,
+            seed: resolvedSeed,
+            sketchColor: ink,
+            bowing,
+            fillStyle: fillStyle ?? "solid",
+            fill: "#f7f6f2",
+            strokeWidth: strokeWidth ?? 1.5,
+            animate,
+            contentStyle: { padding: 0, display: "flex", flexDirection: "column" },
+            children: /* @__PURE__ */ jsx(Command$1, { ref, ...rest, children })
+          }
+        )
+      }
+    );
+  }
+);
+var CommandInput = forwardRef(
+  function CommandInput2({ className, style, ...rest }, ref) {
+    const sketch = useCommandSketch();
+    return /* @__PURE__ */ jsxs("div", { style: { position: "relative", padding: "10px 12px 12px" }, children: [
+      /* @__PURE__ */ jsx(
+        CommandInput$1,
+        {
+          ref,
+          className: cn(className),
+          style: {
+            width: "100%",
+            boxSizing: "border-box",
+            border: "none",
+            outline: "none",
+            background: "transparent",
+            color: sketch.ink,
+            fontFamily: doodleUiFontFamily,
+            fontSize: 15,
+            padding: "2px 2px 8px",
+            ...style
+          },
+          ...rest
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        RoughSvg,
+        {
+          shape: "line",
+          roughness: (sketch.roughness ?? 1.5) + 0.2,
+          seed: deriveSeed(sketch.resolvedSeed, "command-divider"),
+          sketchColor: sketch.ink,
+          bowing: sketch.bowing ?? 1.6,
+          strokeWidth: 1.2,
+          inset: 4,
+          style: { position: "absolute", bottom: 0, left: 0, right: 0, height: 8, opacity: 0.4 }
+        }
+      )
+    ] });
+  }
+);
+var CommandList = forwardRef(
+  function CommandList2({ className, style, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(
+      CommandList$1,
+      {
+        ref,
+        className: cn(className),
+        style: {
+          maxHeight: 280,
+          overflowY: "auto",
+          padding: "4px 4px 8px",
+          ...style
+        },
+        ...rest
+      }
+    );
+  }
+);
+var CommandEmpty = forwardRef(
+  function CommandEmpty2({ className, style, ...rest }, ref) {
+    const sketch = useCommandSketch();
+    return /* @__PURE__ */ jsx(
+      CommandEmpty$1,
+      {
+        ref,
+        className: cn(className),
+        style: {
+          padding: "16px 12px",
+          textAlign: "center",
+          fontFamily: doodleUiFontFamily,
+          fontSize: 14,
+          color: sketch.ink,
+          opacity: 0.6,
+          ...style
+        },
+        ...rest
+      }
+    );
+  }
+);
+var CommandGroup = forwardRef(
+  function CommandGroup2({ className, style, ...rest }, ref) {
+    const sketch = useCommandSketch();
+    return /* @__PURE__ */ jsx(
+      CommandGroup$1,
+      {
+        ref,
+        className: cn(className),
+        style: { padding: "4px 2px", color: sketch.ink, ...style },
+        ...rest
+      }
+    );
+  }
+);
+var CommandItem = forwardRef(
+  function CommandItem2({ className, style, children, onMouseEnter, onMouseLeave, ...rest }, ref) {
+    const sketch = useCommandSketch();
+    const [highlighted, setHighlighted] = useState(false);
+    return /* @__PURE__ */ jsxs(
+      CommandItem$1,
+      {
+        ref,
+        className: cn(className),
+        onMouseEnter: (event) => {
+          setHighlighted(true);
+          onMouseEnter?.(event);
+        },
+        onMouseLeave: (event) => {
+          setHighlighted(false);
+          onMouseLeave?.(event);
+        },
+        style: {
+          position: "relative",
+          display: "flex",
+          alignItems: "center",
+          gap: 8,
+          padding: "7px 10px",
+          borderRadius: 4,
+          fontFamily: doodleUiFontFamily,
+          fontSize: 14,
+          color: sketch.ink,
+          cursor: "pointer",
+          userSelect: "none",
+          outline: "none",
+          ...style
+        },
+        ...rest,
+        children: [
+          highlighted ? /* @__PURE__ */ jsx(
+            RoughSvg,
+            {
+              shape: "line",
+              roughness: (sketch.roughness ?? 1.5) + 0.4,
+              seed: sketch.resolvedSeed,
+              sketchColor: sketch.ink,
+              bowing: sketch.bowing ?? 1.6,
+              strokeWidth: 1.3,
+              inset: 3,
+              style: { opacity: 0.4 }
+            }
+          ) : null,
+          /* @__PURE__ */ jsx("span", { style: { position: "relative", zIndex: 1, flex: 1 }, children })
+        ]
+      }
+    );
+  }
+);
+var CommandSeparator = forwardRef(function CommandSeparator2({ className, style, ...rest }, ref) {
+  const sketch = useCommandSketch();
+  return /* @__PURE__ */ jsx(
+    CommandSeparator$1,
+    {
+      ref,
+      className: cn(className),
+      style: { position: "relative", height: 10, margin: "2px 4px", ...style },
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        RoughSvg,
+        {
+          shape: "line",
+          roughness: (sketch.roughness ?? 1.5) + 0.2,
+          seed: deriveSeed(sketch.resolvedSeed, "command-separator"),
+          sketchColor: sketch.ink,
+          bowing: sketch.bowing ?? 1.8,
+          strokeWidth: 1.2,
+          inset: 4,
+          style: { opacity: 0.4 }
+        }
+      )
+    }
+  );
+});
+function CommandShortcut({
+  children,
+  className,
+  style
+}) {
+  const sketch = useCommandSketch();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(className),
+      style: {
+        marginLeft: "auto",
+        fontFamily: doodleUiFontFamily,
+        fontSize: 12,
+        color: sketch.ink,
+        opacity: 0.5,
+        letterSpacing: 0.4,
+        ...style
+      },
+      children
+    }
+  );
+}
+var CHEVRON_PATH5 = "M 4 6 L 10 12 L 16 6";
+function Combobox({
+  options,
+  placeholder = "Select\u2026",
+  searchPlaceholder = "Search\u2026",
+  emptyMessage = "No results.",
+  value,
+  defaultValue,
+  onValueChange,
+  disabled,
+  className,
+  style,
+  roughness,
+  seed,
+  sketchColor,
+  bowing,
+  fillStyle,
+  strokeWidth,
+  animate,
+  "aria-label": ariaLabel
+}) {
+  const [open, setOpen] = useState(false);
+  const [uncontrolled, setUncontrolled] = useState(defaultValue);
+  const selectedValue = value ?? uncontrolled;
+  const selectedOption = options.find(
+    (option) => option.value === selectedValue
+  );
+  const ink = sketchColor ?? SKETCH_COLORS.ink;
+  const resolvedSeed = useResolvedSeed(seed);
+  const shouldAnimate = useAnimate(animate);
+  const triggerRef = useRef(null);
+  useDrawIn(triggerRef, DRAW_IN_DURATION_MS, shouldAnimate);
+  function handleSelect(nextValue) {
+    setUncontrolled(nextValue);
+    onValueChange?.(nextValue);
+    setOpen(false);
+  }
+  return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: (node) => assignRef(triggerRef, node),
+        type: "button",
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-label": ariaLabel,
+        disabled,
+        className: cn(className),
+        style: {
+          position: "relative",
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 12,
+          width: "100%",
+          minWidth: 200,
+          minHeight: 38,
+          padding: "8px 12px",
+          border: "none",
+          background: "transparent",
+          cursor: disabled ? "not-allowed" : "pointer",
+          opacity: disabled ? 0.5 : 1,
+          color: ink,
+          fontFamily: doodleUiFontFamily,
+          fontSize: 15,
+          lineHeight: 1.2,
+          outline: "none",
+          textAlign: "left",
+          ...style
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            RoughSvg,
+            {
+              shape: "rectangle",
+              roughness,
+              seed: resolvedSeed,
+              sketchColor: open ? SKETCH_COLORS.accent : ink,
+              bowing,
+              fillStyle,
+              strokeWidth: open ? (strokeWidth ?? 1.75) + 0.35 : strokeWidth
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                position: "relative",
+                zIndex: 1,
+                flex: 1,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              },
+              children: selectedOption?.label ?? placeholder
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: { position: "relative", zIndex: 1, width: 18, height: 18, flexShrink: 0 },
+              children: /* @__PURE__ */ jsx(
+                RoughSvg,
+                {
+                  shape: "path",
+                  path: CHEVRON_PATH5,
+                  roughness: roughness ? roughness * 0.7 : 1.05,
+                  seed: resolvedSeed,
+                  sketchColor: ink,
+                  bowing,
+                  strokeWidth: (strokeWidth ?? 1.6) + 0.2,
+                  inset: 0
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+      PopoverPrimitive.Content,
+      {
+        align: "start",
+        sideOffset: 8,
+        style: {
+          zIndex: 80,
+          outline: "none",
+          width: "var(--radix-popover-trigger-width)"
+        },
+        children: /* @__PURE__ */ jsxs(
+          Command,
+          {
+            roughness,
+            seed: resolvedSeed,
+            sketchColor: ink,
+            bowing,
+            fillStyle,
+            strokeWidth,
+            animate,
+            children: [
+              /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder }),
+              /* @__PURE__ */ jsxs(CommandList, { children: [
+                /* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage }),
+                /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsx(
+                  CommandItem,
+                  {
+                    value: option.value,
+                    disabled: option.disabled,
+                    onSelect: handleSelect,
+                    children: option.label
+                  },
+                  option.value
+                )) })
+              ] })
+            ]
+          }
+        )
+      }
+    ) })
+  ] });
+}
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, Avatar, Badge, Breadcrumb, BreadcrumbItem, Button, Card, Checkbox, DEFAULT_BOWING, DEFAULT_INK, DEFAULT_ROUGHNESS, DEFAULT_STROKE_WIDTH, DRAW_IN_ALERT_MS, DRAW_IN_DURATION_MS, DRAW_IN_MARK_MS, DRAW_IN_TOOLTIP_MS, Divider, DoodleUIProvider, Input, Modal, ModalClose, ModalDescription, ModalRoot, ModalTitle, ModalTrigger, Pagination, Progress, Radio, RadioGroup, RoughSvg, SKETCH_COLORS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SketchBox, SketchSeedProvider, Slider, Stepper, Switch, TABLE_STAGGER_MS, Tab, TabList, TabPanel, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow, Tabs, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Tooltip, TooltipProvider, deriveSeed, toRoughOptions, useAnimate, useDoodleUI, useDrawIn, useResolvedSeed, useSketchSeed };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, Breadcrumb, BreadcrumbItem, Button, Card, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_BOWING, DEFAULT_INK, DEFAULT_ROUGHNESS, DEFAULT_STROKE_WIDTH, DRAW_IN_ALERT_MS, DRAW_IN_DURATION_MS, DRAW_IN_MARK_MS, DRAW_IN_TOOLTIP_MS, Dialog2 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, DoodleUIProvider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuTrigger, Input, Label2 as Label, Modal, ModalClose, ModalDescription, ModalRoot, ModalTitle, ModalTrigger, Pagination, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, Progress, Radio, RadioGroup, RoughSvg, SKETCH_COLORS, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SketchBox, SketchSeedProvider, Slider, Stepper, Switch, TABLE_STAGGER_MS, Tab, TabList, TabPanel, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow, Tabs, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Tooltip, TooltipProvider, deriveSeed, toRoughOptions, useAnimate, useDoodleUI, useDrawIn, useResolvedSeed, useSketchSeed };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map